Support Resolved Change the tab appearance

[synseal]

I have tried changing the appearance of the tab in

Style properties>>Tabs



But it doesn't change the appearance.

Where do I change the tab colour/text etc.

TIA.

 

[Clement]

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]

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]

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]

I have just tried it on the default style.

Changed the tab colours to this for both options.



Checked profile tabs and forum tabs.

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





Edit..

It changes these tabs, non of the others.

 

[Clement]

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]

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]

Yes I meant EXTRA.less.

No no it's .tabs-tab.

You would use something like that for non selected tabs:

.block--messages a.tabs-tab
{
    color: your color !important;
}

For selected tabs:

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

And for the hover:

.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