Accent Color #2

Forums » WordPress » Nirvana » Bugs

  • Author
    Posts
  • May 23rd, 2017 at 22:09 #45750
    Stu777

    Hi,

    I seem to have a problem with Accent Colour #2 in the Nirvana Theme options. If I set this to a colour other than null, my header image displays this colour when clicked. For example, if I set Accent Color #2 to #ce0909 this gives a pleasing red background highlight to links when clicked. However, an unfortunate side effect seems to be that my 1150 x 300px header image turns totally red when clicked. If I leave Accent Color #2 as null, the header image is OK when clicked but any links on the page adopt a white colour when clicked, which means they blend into invisibility on a white background.

    Any advise or fixes for this would be much appreciated.

    Thank you.

    Website: cityofprestonaquatics.club

    • This topic was modified 7 years ago by Stu777.
    May 28th, 2017 at 14:16 #45936
    Zed
    Cryout Creations mastermind

    All links use this colour for the on-click event. Since the header itself is a link if configured so, then the colour applies here as well.

    This effect can be disabled with:
    body a:active { background: transparent; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    May 28th, 2017 at 16:56 #45961
    Stu777

    Thank you for your reply. I have tried the CSS above and it does indeed disable the changing of the header image colour when clicked. Naturally this disables the effect on the background of the text links as well (which I could easily live with) so it is therefore identical to what happens if I just leave Accent Colour #2 null. However, I am still left with the problem of the text links having a white colour when clicked, and this makes them invisible against a white background. I cannot see any way to change the on-click link colour in the Nirvana settings?

    June 3rd, 2017 at 16:40 #46431
    Zed
    Cryout Creations mastermind

    To limit that customization to the header link, change to:
    body a#linky:active { background: transparent; }
    or to disable the click effect on all links (and correct the link text as well), change to:
    body a:active { background: transparent; color: inherit; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    June 4th, 2017 at 12:15 #46489
    Stu777

    Thank you, that works perfectly.

    September 20th, 2017 at 21:44 #54289
    nazpaan

    Hi

    This is helpful and I wanted to do the same with the links on my presentation page. Where do I enter that CSS code to effect that change? Do I just copy and paste what you have provided in the ‘custom CSS’ field? (I am very new to customising my website so am learning this as I go along).

    Thanks

    Website: www.birdflyingsolo.com

    September 26th, 2017 at 17:34 #54401
    Zed
    Cryout Creations mastermind

    Custom styling should generally be placed in the theme’s Custom CSS field or in WordPress’ Additional CSS field.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Accent Color #2’ is closed to new replies.