Changing link colour (5 posts)

  1. Martin Clemens
    Posted 1 year ago #

    I'm using the theme hueman, and have created a child theme to control some style elements, one of which is link colour in the body of my posts. I'm using the following code:

    .entry a:link {color: #1400ED; background-color: transparent; text-decoration: underline; }
    .entry a:visited {color: #C4B7F7; text-decoration: none; }
    .entry a:hover {color: #FA0000; text-decoration: underline; }
    .site-title a { display: block; color: #1400ED; max-width: 100%; }

    The visited and hover elements work fine, but the basic unviewed link element won't change, no matter what I do.

    Am I correct in thinking that this child theme should override all of the parent theme's css for post links with when done this way? Or am I missing something in my parent theme css that could be interfering?

    Someone else suggested weighting my css with !important, but that didn't work.


  2. 9bode
    Posted 1 year ago #

    You can change the a{ } tag and that shall do the job! If it doesn't work you can use !important; and that does the trick as well.

  3. Martin Clemens
    Posted 1 year ago #

    As I said above, I've tried both of those options, neither worked.

    But I have found a workaround, even though it isn't ideal.

  4. 9bode
    Posted 1 year ago #

    I tested on your site with just using a{ color: #666; } tag and it seems to work for me!

    Where are you entering the code?

  5. Martin Clemens
    Posted 1 year ago #

    In a child theme stylesheet.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic