I have a problem with too many css rule overwrites.
Just to set one menu link colour in the top bar, there are:-
custom.css
default.css (aka preset1)
bootstrap.min.css
system-j4.min.css
Can you give me some guidance on what I can reasonably do?
Staff replied
Helix Framework
rationalise
2 replies
Paul Frankowski Senior Staff
1 year ago
· edited
Hi Charles, you cannot edit last 3 files, only first one.
It means that you have to use ID name and class name, for example
#sp-top-bar ul.sp-contact-info li a {color: yellow;}
OR
#sp-top-bar ul.social-icons li a {color: red;}
OR more universal hack
#sp-top-bar .container a, #sp-top-bar .container li a {color: green;}
as you know (I hope) in CSS you can also use !important value at the end. From time to time, you can use it in custom.css to force the color value.
Addington Asked this
can i just check: I must have colors in preset1 - i can't just choose to ignore it and go straight to custom.css?
Paul Frankowski Senior Staff
2nd option is more bulletproof.
Log in to reply.