Frontend style/template bugs (wrap7)

  • jan44
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
More
6 days 19 hours ago #127425 by jan44
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 ?
Attachments:

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
6 days 19 hours ago #127427 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Frontend style/template bugs (wrap7)
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

Please Log in or Create an account to join the conversation.

  • jan44
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
More
6 days 19 hours ago #127431 by jan44
Replied by jan44 on topic Frontend style/template bugs (wrap7)
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 ?
Attachments:

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
6 days 18 hours ago #127432 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Frontend style/template bugs (wrap7)
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
Attachments:

Please Log in or Create an account to join the conversation.

  • jan44
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
More
6 days 18 hours ago #127434 by jan44
Replied by jan44 on topic Frontend style/template bugs (wrap7)
Awesome thank you,

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

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
6 days 17 hours ago #127436 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Frontend style/template bugs (wrap7)
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

Please Log in or Create an account to join the conversation.

  • jan44
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
More
6 days 16 hours ago #127439 by jan44
Replied by jan44 on topic Frontend style/template bugs (wrap7)
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!

Attachments:

Please Log in or Create an account to join the conversation.

  • jan44
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
More
6 days 16 hours ago #127440 by jan44
Replied by jan44 on topic Frontend style/template bugs (wrap7)
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;

}

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
6 days 1 hour ago #127456 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Frontend style/template bugs (wrap7)
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

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc