TOPIC: Matukio 5 - Modern Vs Bootstrap Template

The term "Please notice that this booking has event specific different fees", does not appear at the head of the modern booking form with the ticket type field, only on the bootstrap booking form.

Also, is there a method to add text to this boxed area where the ticket type is?

I really like the bootstrap template for the event list , activated through Menu Item, though the exclusion of the red, amber and green icons to inform a user of an event's status is excluded. Can or will these icons be added in the future?

Will Mat’5 work if the template selected from the backend is Modern and the Menu Item selection for the component is Bootstrap and vice versa?

I see that I will need to make a few CSS adjustments to relevant Matukio CSS files. Can Matukio CSS files be overridden (so that they do not have to be updated when Mat’5 is) by putting edited copies of the Matukio CSS files, with their original names, in the directory root path: templates/MyTemplateName/html… or is there a specific method for your CSS files?

To be a little more specific with the css files, I would need to make some changes in the css file at the end of this path: media/lib_compojoom/css/bootstrap-3.1.1.css . Where would I have to put an edited version of this file so that I would not have to update it when Matukio is updated? Thanks again.

The CSS fix for the booking form that you provided in the above post #28465 does not work for the specific Matukio form fields (ticket type field and booking fields) only the universal (left) alignment works for all the fields. Did you test this yourself? Are there any corrections I should take account of to make it work?

Hovering over an event image, when the bootstrap menu item for the event list is used, results in the image becoming larger (magnified.) Is this supposed to happen and is there an option to have a normal display?

.compojoom-bootstrap .mat_event_img, .compojoom-bootstrap .mat_image_scale {
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
 
.compojoom-bootstrap .mat_event_img:hover, .compojoom-bootstrap .mat_image_scale:hover {
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	-webkit-transform: scale(1.501);
	-moz-transform: scale(1.501);
	transform: scale(1.501);
}

Can the system messages on the booking completed page, in the front end, be changed? For example:

The drop down list selection used for Additional Booking Fields shows no space between the texts on the booking completed page, in the front end. Can this be fixed? A booking in the back end (Edit / Create Booking) page shows the text normally. See the attached images