Docs

[Paul L]

Hi I am using Integrity and I would like to replicate the blog hover effect like this example. I would like the text color to change on entry to any part of the post not just the title link (as in example)

http://brookeallisonphotography.com/blog/

I have removed the image fade and icon but I don’t know how to change the following:

Normal Appearance: black text on white background
Hover Appearance: background changes to #522b48 text changes to white for content, title & meta.

I only want this for the blog page not the single posts they can stay as default.

I really hope you help
Many thanks
Paul

[Paul R]

Hi Paul,

To achieve that, you can add this under Custom > Edit Global CSS in the Customizer.

.blog .entry-wrap {
    background-color:transparent;
}

.blog article:hover {
    background-color:#522b48;
}

.blog article:hover .more-link,
.blog article:hover .entry-content.excerpt,
.blog article:hover .entry-title a {
    color:#fff;
}

Hope that helps.

[Paul L]

Thank you, can I also change the p-meta data / category / date / comments to white on hover

and the tag text color to white on hover

Many thanks
Paul

[Jade]

HI Paul,

You seem to have already accomplished it.

Please let us know if you need other help.

Thanks!

[Author]

Posts