New blog posts since recent wordpress update

[renzofernandez]

Hi,
A recent wordpress update has thrown my posts a little out of whack. There is a border around images and a colour and link symbol when hovering over the image. I had removed the border and hover effect with your help in the past but the code I put in place doesn’t seem to be working now. Any help for both those things would be great. Here is a link to the blog page im talking about https://www.surfingturtlelodge.com/blog/

Thank you,
Renzo.

[ruenel]

Hello Renzo,

Thanks for writing in! I have checked your page and it is perfectly working on my end.

• 

Please clear your browser cache or use private browsing mode and test your site again.

[renzofernandez]

Hi Runel,
Thank you for the email. The blog is working but what I would like to adjust is the white border that you see around the image of the post “Dive into the mesmerizing…”.Also, if you hover over the image there is a colour and link symbol that pops up, I would like to remove those. The older blog posts do not have either of these things. Any help to do that would be great.

Thank you,
Renzo.

[christopher]

Hi @renzofernandez,

The reason that you see different behavior between the new blog entries and the old ones is that you added the images directly into the content of the blog in the old ones. But for the new one, you used the Featured Image feature. The Featured Image has that border and hovers background color and icon by default.

To override that behavior, please kindly go to X > Theme Options > CSS and add the code below:

.entry-featured {
    background-color: #FDDD67;
    border: none;
}

.entry-featured .entry-thumb {
    background-color: transparent;
}

.entry-featured a.entry-thumb:hover:before {
    display: none;
}

.entry-featured a.entry-thumb:hover img {
    opacity: 1;
} 

Thank you.