[bootblog4] how to modify color of hyperlink text

11 views
Skip to first unread message

T W

unread,
Sep 26, 2020, 8:38:55 PM9/26/20
to nikola-discuss
Hello folks,

I am a new user of the Nikola project and I don't know much about front-end programming. I have been using the bootblog4 theme to create my website. I am perfectly happy with the website layout, but would like to change the color of hyperlink text (e.g. blog post title) to be a little darker. Changing the `THEME_COLOR` variable in `conf.py` doesn't alter the appearance of the website.

I found an 2015 group email titled `how to use THEME_COLOR`, which might be related to my question. However the answer there hasn't cleared my confusion.

So my question is: is there a (relatively) straightforward way to change the color of hyperlink text in bootblog4 theme?

Looking forward to getting an answer!

Sincerely,
Helen


Chris Warrick

unread,
Sep 27, 2020, 10:02:36 AM9/27/20
to Nikola—Discuss
If it’s just hyperlinks, you could just create a custom.css file, and
style the `a` tags and the hover/active/visited states (you can find
examples online). The built-in themes don’t use THEME_COLOR in the
CSS, some browsers use this for their UI coloring.

If you want to make more customizations, you’ll need to modify
Bootstrap (customizing is pretty easy with their SASS variable system)
and build it on your own (that requires Node, npm, and a few extra
tools, Bootstrap’s docs can help).

--
Chris Warrick <https://chriswarrick.com/>
PGP: 5EAAEA16
Reply all
Reply to author
Forward
0 new messages