Classic tab element breaking - and coloring inside

Support
#1

HI
I added a classic tab element and it seems ok in the preview

but in the live view its breaking and showing the shortcodes?

Also I was trying to make it blue background with while lines and tab and background, is that possible.
thanks

#2

Hello There,

Thanks for writing in! I have inspected the page and it seems that you inserted an invalid code. Please make sure that you insert a valid and correct html code so that it will not create conflicts and issues in your page.

You will need to edit the page and review all the codes that you may have added.

Please let us know how it goes.

#3

Thanks I removed all the messy code, my colleague was going a little copy paste crazy.
So that fixed some of it but I’m still seeing [/x_custom_headline] and also my background color for the tab section is gone. And is there a way to color the inside of the tab area and make the text and lines white?

#4

Hello There,

The classic tabs does not have any advance options to change the colors and background colors. Do you want something like this?

If that is the case, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-tab-content>.active {
    background-color: #e5e5e5;
}

.x-nav-tabs>.active>a, 
.x-nav-tabs>.active>a:hover {
    background-color: #e5e5e5;
}

.x-nav-tabs.top>.active>a, .x-nav-tabs.top>.active>a:hover {
    border-color: #e5e5e5;
}

Hope this helps. Please let us know how it goes.

#5

thanks I will try the css for color,
I sitll had an extra shortcode showing for custom headline so I removed and made the new headline box, but I still have an issue the tabs aren’t showing in the browser, they are showing in the preview but not when i view the page.see the screenshot broswer
I removed this

here’s the preview when editing

#6
#7
#8

Hi again,

I did some deep testing and It is your fourth section (Implementation Partners) which is corrupted, I created a new page, imported this page template in there and started deleting sections one by one when I deleted the Implementation Partners section, the tabs started to work again see https://neosystems.wpengine.com/test/ Also there was an unclosed HTML tag in your Content, I fixed that too.

Now delete your fourth section and redo this one to fix the tabs issue.

Let us know how this goes!

#9

thanks, no wonder I couldn’t fix it, I made a new page all ok now
thanks

#10

Glad all is good now.

Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.