Frontend style/template bugs (wrap7)

Hi,

i recently renewed my EB subscriotion, i created a menu to add new events but the style looks breaked,
i use a joomla template based on Wrap7.

i tried many combaination in the settings (load bootstrap, uikit, ..) but dont work.

maybe i missed some thing ?

Hello

Please go to Events Booking -> Configuration, set :

- Load bootstrap CSS in the front-end: Yes
- Twitter bootstrap version: Twitter Bootstrap version 2

Then check it again. It should work fine

Tuan

Hi,

thank you, the structure seems to be correct but the style is not fiting to our joomla template (buttons for example), here a screenshot.

How can we get some thing similar to the template please ?

Hello

You will have to define css class mapping between the css classes use in Events Booking and the css classes in wrap7 Please:

1. Open this attached file, define the class mapping between to have the css classes used by your site template

2. Upload the file to administrator/components/com_eventbooking/libraries/rad/ui folder.

3. Go to Events Booking -> Configuration, set Twitter Bootstrap Version config option to Wrap 7

After that, it should work OK (the most important thing is that you have to define the class mapping properly)

Regards,

Tuan

Awesome thank you,

Can you share an example of class maping and how to find the good class for every one ?

I don't have experience with Wrap 7, so I don't know the related css classes. You can look at administrator/components/com_eventbooking/libraries/rad/ui/uikit3.php for example to understand how we map the css classes use by Events Booking with css classes use by uikit3 and then do the same for Wrap 7

You will need to know both twitter bootstrap 2 css classes and Wrap 7 css classes to be able to do the mapping

Tuan

Hi,

Sorry the template use UIKIT, its loading correctly elements i think but the structure is not good (aligns for exemple), how i can send a private url to check directly ? i tried to edit some css codes to align blocks but it dont work, that move all elements together!

I tried for example to change the padding (top) and insert some space between fields but it modify all the website on all pages padding!


.uk-grid > *, .tt_event_column_left, .tt_event_column_right, .tt_event_page_left, .tt_event_page_right {

padding-top: 40px;

}

Hello

You can submit a support ticket sending us:

1. Super admin account

2. Link to the page

3. Tell us the change needed

We are going to check and make the change for you

Regards,

Tuan