“EVENTON” EVENT PAGE – KLEO BUTTON ISSUE

[kjcarleo]

Hello, when I try to use a button on a event page using the “EventON” plug-in, the button does not show proper size.

See the KLEO button in this example page: https://embassymarine.org/events/2018-reunion/

Screenshot also attached.

 

Kevin

[Kieran_SQ]

Hi Kevin,

Sorry to hear you’re experiencing issues with KLEO buttons. Can I check, is this a custom KLEO button? If so try adding padding of around 20px to the button.

If it’s not please could you share access to the back-end so I can check this button out for you.

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[kjcarleo]

Yes it is a custom button, and I had to use that because the way these event posts are edited.

Yes please take a look at the back-end, as I am not sure how to add the padding. Basically I want the button to look like the one in the attachment (live example can be found on the https://embassymarine.org/letter-from-the-chairman-2017/ page).

Here are the credentials:

Username: SeventhQueen
Password: S3venthQueen2018!

Kevin

[Kieran_SQ]

Hi,

I added a CSS snippet to WP Admin > Appearance > Editor > KLEO Child > Style.css to fix the padding issue on the single events page

.single-ajde_events .btn.btn-lg.btn-boxed-icon.with-icon {padding: 20px;padding-left: 70px;}

Going forward you may wish to enable the WP Bakery editor for custom post types as this will give you a far superior editing experience – where you’ll be able to see what you’re creating.

If you wish to enable WP Bakery on individual post types you should go to WP Admin > WP Bakery > Role Manager > Option: ‘Post types’ and select ‘Custom’ from the drop down – you’ll then be able to select which post types to use WP Bakery for. Currently your post type options are Post, Page, Envira_album, Ajde_events, Product. Popuppress, Poll and Envira.

Also you need to update K Elements and WP Bakery (formerly Visual Composer) to maintain compatibility with KLEO – you can do this by going to WP Admin > Appearance > Install Plugins > Tab: ‘Updates’ and selecting the two plugins to update.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[kjcarleo]

I just looked and the button looks the same size (see attached). Can I make the height look like the one here: https://embassymarine.org/letter-from-the-chairman-2017/

Kevin

[Kieran_SQ]

Hi,

You need to clear your cache (Ctrl+F5) to see the changes (see screenshot).

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[kjcarleo]

Ok yes that worked, it looks FANTASTIC. What about other visitors, will they need to do that to see the updated button?

[Kieran_SQ]

Hi,

It’s entirely possible that any user that has already seen the page will need to clear their cache to see the changes. Any user that has not yet seen the page will be served the most recent version with the new CSS.

You should completely purge your website cache (WP Rocket), purge any CDN service that you have on your site and purge any host level caching to ensure you’re serving the latest files to all of your users.

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[kjcarleo]

Ok great thanks for the info.

Kevin

[Author]

Posts