Docs

[Branko K]

Hi,

I set my heading to a blue color, and my link hover color to a green.

My headings display correctly, and links work well. But when I make a heading into a link, the hover color is red. I believe that is the link hover color set in the theme by default.

The problem occurs on this page that I’m making – http://brankokral.net/newsite/stem-cell-therapy. All h3’s are that way, e.g. Stem Cells for Joints and Soft Tissue.

I’m running WP 4.0, X version 3.1.1.

Thank you very much for your time,
Branko

[Branko K]

Update: I used custom CSS to set hover color of that particular element. But maybe it’s good feedback for you – personally I’d love for my customizer link hover color to work for all links, even those in headings.
Best,
Branko

[Christian]

Glad you’ve sorted it out Branko.

[pnbnsv]

Hi there,

I have the same problem. Can you help with the CSS code to solve it?

Thanks!

[Prasant Rai]

Hello There,

To change the link and hover color of blog posts kindly add this under Custom > CSS in the Customizer:

h2.entry-title a {
    color: #ff1900 !important;
}

h2.entry-title a:hover {
    color: #1e73be !important;
}

Let us know how it goes and if that’s what you looking for.

Thanks.

[pnbnsv]

Thanks for your reply.

Actually it is not the blog post I want to change but the custom-headline link in a content-band of a page.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Friech]

Hi There,

Please try this code instead

.x-content-band .h-custom-headline span:hover {
	color: red;
}

Feel free to change the red value to any color. Provide us URL if this does not solve the issue.

Hope it helps, Cheers!

[pnbnsv]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the clarification, add the code below to your custom css

.x-promo .h-custom-headline span a:hover {
	color: blue;
}

Hope it helps, Cheers!

[pnbnsv]

It is working now. Thanks a lot!

[Thai]

You’re most welcome.

[Author]

Posts