[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 6 years ago by Stu777.

[Zed]

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.

[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?

[Zed]

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.

[Stu777]

Thank you, that works perfectly.

[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

[Zed]

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