Rum Runner Entertainment Active member Jul 20, 2015 #1 I've been trying to change the color of the copyright text at the bottom to obviously make it more visible, but I haven't been successful. Any help? Thanks.
I've been trying to change the color of the copyright text at the bottom to obviously make it more visible, but I haven't been successful. Any help? Thanks.
Rum Runner Entertainment Active member Jul 20, 2015 #2 Nevermind, got it all figured out. Upvote 0 Downvote
Amaury Well-known member Jul 20, 2015 #3 For reference for anyone else who may need help, what did you do? Upvote 0 Downvote
Rum Runner Entertainment Active member Jul 20, 2015 #4 I added this code into EXTRA.css: Code: #copyright { color: white; } "#copyright a" ended up not working for me. So that's the code I added above^. Upvote 0 Downvote
I added this code into EXTRA.css: Code: #copyright { color: white; } "#copyright a" ended up not working for me. So that's the code I added above^.
Amaury Well-known member Jul 20, 2015 #5 That's because !important is being used (by default) in the xenforo.css template: Rich (BB code): .concealed, .concealed a, .cloaked, .cloaked a { text-decoration: inherit !important; color: inherit !important; *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0); } a.concealed:hover, .concealed a:hover { text-decoration: underline !important; } You'll need to use your own !important: Code: #copyright a { color: @primaryMedium !important; } You can change the color to use another color palette item or hard-code it with a specific color. If you'd like to change the hover effects, use this and be sure to, once again, add !important at the end: Code: #copyright a:hover { } Upvote 0 Downvote
That's because !important is being used (by default) in the xenforo.css template: Rich (BB code): .concealed, .concealed a, .cloaked, .cloaked a { text-decoration: inherit !important; color: inherit !important; *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0); } a.concealed:hover, .concealed a:hover { text-decoration: underline !important; } You'll need to use your own !important: Code: #copyright a { color: @primaryMedium !important; } You can change the color to use another color palette item or hard-code it with a specific color. If you'd like to change the hover effects, use this and be sure to, once again, add !important at the end: Code: #copyright a:hover { }
Rum Runner Entertainment Active member Jul 20, 2015 #6 Oh I see, alrghty. Yup, changed that. Upvote 0 Downvote
ActorMike Well-known member Oct 4, 2015 #7 What about if you want to change the color of the hyperlinks in the extra_copyright phrase to #FFE000 ? Upvote 0 Downvote
What about if you want to change the color of the hyperlinks in the extra_copyright phrase to #FFE000 ?