Hi,
Display TAB link color bug on my Cassiopeia Template under Joomla 5.4.1
TAB link "color" is set to COLOR PRIMARY (see picture 1) rather than "LINK PRIMARY" color (picture 2) on some Cassiopeia pages.
Link color OK with bootstrap TAB overwrite (picture 3)
I've FIXED THIS using custom user.css on child template
Cassiopeia "template.min.css"
BUG line 12912 -
Cassiopeia - Joomla v5.4.1
FIXED file
.nav.nav-tabs .nav-link {
color:var(--cassiopeia-link-primary);
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
padding:.75em 1em;
position:relative;
box-shadow:-1px 0 #0000000d
}
Original file (BUG)
.nav.nav-tabs .nav-link {
color:var(--cassiopeia-color-primary);
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
padding:.75em 1em;
position:relative;
box-shadow:-1px 0 #0000000d
}
Workaround : custom user template css file
media/templates/site/cassiopeia_my-site/css/user.css
ADD LINE :
.nav.nav-tabs .nav-link {
color:var(--cassiopeia-link-primary);
}
Thanks to check, if this is a Cassiopeia BUG or correct link tab color setup?
Best regards,
Gilles
Sorry, I can't upload my 3 x JPG 30ko images ...
| Labels |
Removed:
?
|
||
| Labels |
Added:
No Code Attached Yet
|
||
Note: image upload on issues.joomla.org is currently not working for me (Chrome/Firefox, no extensions),
so screenshots are provided via external links.
I don't see this as a bug but as a matter of taste - every user has their own preferences where to use wchich colour. You found a workaround for your site, the user.css is the right place for adapting a site.
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2025-12-28 21:23:30 |
| Closed_By | ⇒ | chmst |
I am closing this as it is not a bug.
Thank you for your reply.
We would like to clarify that this issue is not related to personal preferences or visual taste, but to CSS variable semantics and consistency in Cassiopeia.
Technical explanation
In the current Cassiopeia code, the tab link text color is defined using:
--cassiopeia-color-primary
However:
--cassiopeia-color-primary is defined and used as a background color
--cassiopeia-link-primary is the variable explicitly intended for text / link color
It is clearly a typographical mistake between “color” and “link” for a link element.
As I can't updload file, you may see TAB display BUG at:
See BUG
https://cyclo-sandbox.vcmb.fr/parcours/depart-9h00/125-parcours-club-103/825-vcmb-103-gr1-2
See bug fixed :
https://cyclo.vcmb.fr/parcours/depart-9h00/125-parcours-club-103/825-vcmb-103-gr1-2
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46617.