What's new
Xen Factory

Register today to become a member! Once signed in, you'll be able to start purchasing our products, ask questions, request support and suggest new ideas!

  • We are aware that a no permission error was shown when you tried to purchase in the last 2 days, this is now fixed.

Support Resolved Change the tab appearance

synseal

New Member
I have tried changing the appearance of the tab in

Style properties>>Tabs

4112

But it doesn't change the appearance.

Where do I change the tab colour/text etc.

TIA.
 

Clement

Freaky Coder
Staff member
Well I never tried but that would be the place yeah.
We are using default tab stuff so no specific styling option apart from that.

Did changing those parameters worked on other tabs ?
 

synseal

New Member
Hi, no it didn't appear to do anything to other tabs.

The colours set in that tab option are the same as the colours of the actual tab. Exact same # code.
Changing them and forcing browser cache to update, even changing browser made no difference to the colours of the tabs.

Could it be a bug? I have custom styles and this modification is no good to me unless I can change the appearance.

T.i.a.
 

Clement

Freaky Coder
Staff member
Hi,

When I meant other tabs, I meant profile tabs for example.
When you changed colors there did it apply to profile tabs ?

If not then it's your style that doesn't make use of this tabs style properties so you would have to ask your style designer how you can change tabs colors.

You tried changing the tabs style properties in your different custom styles ?

Did you try on default style as well to start with ?

Clément
 

synseal

New Member
I have just tried it on the default style.

Changed the tab colours to this for both options.

2019-04-21_13-41-03.jpg

Checked profile tabs and forum tabs.

Nothing changes in either the forum tabs or profile tabs so not style related.

2019-04-21_13-43-22.jpg

tab1.jpg

Edit..

It changes these tabs, non of the others.

2019-04-21_13-53-10.jpg
 
Last edited:

Clement

Freaky Coder
Staff member
Then I guess it doesn't touch those which is odd as my tab is a standalone one.

You would need to add custom css to your EXTRA.css template.

To only touch the thread tabs, you would use:
.block--messages .tabs-tab
 

synseal

New Member
Can you give me an example of what I need to add.
And do you mean EXTRA.less ?

I just tried adding .css using .block--messages .tabs-tab and it made no difference.

Do you mean .block-tabHeader
as it is calling to that not .block--messages .tabs-tab

Can you give me an example of code for selected tab and hover etc please.
 

Clement

Freaky Coder
Staff member
Yes I meant EXTRA.less.

No no it's .tabs-tab.

You would use something like that for non selected tabs:
Code:
.block--messages a.tabs-tab
{
    color: your color !important;
}

For selected tabs:
Code:
.block--messages a.tabs-tab
{
    &is-active {
        color: your color !important;
    }
}

And for the hover:
Code:
.block--messages a.tabs-tab:hover
{
    color: your color !important;
}

Note that this is untested stuff not sure it works but I would believe it to be something like that.

The !important is mandatory to ensure the modifications are applied.

Clément
 
Top