Docs

[logoglo]

Hi there, can you please check out the image hovers here:

http://www.logoglo.com/affordable-logo-design-graphic-design-2/

It is extending past the actual image, how do I fix this?

Thanks.

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.page-id-8296 div#x-content-band-5 a.x-img>img {
    width: 100%;
}

This will make the image of the recent posts full-width so that the overlay matches for this specific page and section. Or you could use the following instead, which reduces the overlay effect to match your image size.

.page-id-8296 div#x-content-band-5 a.x-img:hover {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
}

Hope this helps – thanks!

[logoglo]

Perfect, thanks!

[John Ezra]

You’re most welcome! 🙂

[Author]

Posts