Can't get my css working with xtheme

[fxground]

Hello,

I can’t get my css working with xtheme. For the sake of this post, i want to make all the text white in each situation…

.e4972-59 .x-tabs> a:link {
color: #ffffff; !important;
}

.e4972-59 .x-tabs> a:visited {
color: #ffffff; !important;
}

.e4972-59 .x-tabs> a:hover {
color: #ffffff; !important;
}

.e4972-59 .x-tabs> a:active {
color: #ffffff; !important;
}

Will toss the page in the secure section

[fxground]

Its ok got it figured out …! thanks! But on another note - now that I got it working the way I want with the table, I have a black background that seems to have a “glow” around it… is that just my monitors or is that actually there? Will put a link in the note.

[rad]

Hi @fxground,

Glad it’s okay now, and about the glow, I think it’s just an illusion due to the contrasting effect of black background box. You can verify that by setting the black background the same as the section’s background, and there is no glow effect.

Thanks!

[fxground]

Thanks for your help so far but can we take another look at this? Its showing up on multiple devices I look at and I really hate how there is this box look around it … some sort of a shadow, even a border etc… pretty sure others can see this too?

[ruenel]

Hello @fxground,

The border color and the box shadow of the tab panel should be set to transparent. You can change it in Tabs > Panels settings.

Hope this helps.

[fxground]

There are no borders set. If I use the old tab table, (same colors) there is no problem with the shadow. So its not an optical illusion… but I believe something that is needing to be fixed with X… I’ve left it with the old classic tab but i wouldn’t be surprised if someone down the road runs into the same issue.

[ruenel]

Hello @fxground,

I have check your site and I am no longer seeing any shadow or opaque border.

You might already have found a way to resolve the issue. Just make sure that you have inserted the correct code. Please update it and use this instead:

.x-tab-content {
    background-color: #161619 !important;
    border: 0;
}

Best Regards.