Docs

[TushitaKBC]

Hey guys

I tried to make a tabbed page. There is some info that is showing at the bottom of each tab that shoulddn’t be there. I used cornerstone, but also had issues with the x_tabs shortcode.

Can you look at the page https://meditateinolympia.org/eight-meditations-to-happiness-retreat/ and tell me how I can fix the layout?

For instance, on the description tab the following text shouldn’t be at the bottom (some of it doesn’t show, but it’s there):
Friday class ~ $15, free for members
Weekend Retreat ~ $8 per session, $25 per day, half price for members
Saturday and Sunday ~ $40, half price for members
Entire Weekend ~ $45, half price for members

Course Registration

PayPal – The safer, easier way to pay online!

Join in for as many sessions as you would like

On the pricing page the following text shouldn’t be there (again, some is hidden outside the content box):
Join in for as many sessions as you would like
Friday retreat intro:

Finally, on the schedule page the following text doesn’t belong at the top:
Friday class ~ $15, free for members

[Lely]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[TushitaKBC]

This reply has been marked as private.

[Rupok]

Hi there,

I have diagnose the issue and found that you have lot of broken HTML within the second Tab. Kindly fix theme to get expected result. To make sure the issue; you can take off the content from Tab 2 and see.

Cheers!

[TushitaKBC]

Thanks Rupok,

I checked. The only html in the second tab is a paypal button. Are you telling me that the PayPal code is broken? It works on other pages fine, just not in tabs. Please let me know if cornerstone tabs cannot handle PayPal code.

Thank you

[Rue Nel]

Hello There,

Thanks for the updates! I did some further investigation to find out what has caused this issue. It turns out that you have added a custom css code that created this issue. This is the code:

.x-tab-pane:not(.active) {
    height: 0;
    overflow: hidden;
    display: block;
}

Please remove that code. And since you are using CloudFlare and have installed a caching W3 Total Cache, please keep in mind that after doing every updates or making any site changes, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[Author]

Posts