Docs

[bedingfield]

Hi there,

I used the following to remove the border from featured images. Problem is, with border removed, the images are slightly undersize now. Is there a way of making them wider to accommodate the border no longer being there?

http://elyrunners.club/2016/04/30/thames-path-100/

Thank you

[John Ezra]

Hi there,

Thanks for writing in! How did you remove the borders exactly? Simple CSS to hide borders should not mess with the image sizes? Are you able to reverse what you did so we can provide you with CSS to simply remove the borders without it affecting the images sizes? Thanks!

[bedingfield]

Hi there,

I used…

.entry-featured {
	border:0;

I have now taken this CSS off my child style sheet.

[John Ezra]

Hi there,

Thanks for updating the thread! Your code is the correct one actually. Also once the border is removed the image takes up the difference in space on my end. Not sure what you are seeing on your end.

You could also try this instead:

.entry-featured {
    border:none;
}

It should be the same and if you are not seeing what you want, please do let us know – thanks!

[bedingfield]

Hi there,

I am finding with either code that the image in not taking up the difference in space. I have cleared caches etc.

http://elyrunners.club/2016/04/30/thames-path-100/

do you see the featured image slightly smaller?

Thank you.

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.entry-featured {
    padding: 0;
}

Hope that helps.

[bedingfield]

Perfect. That was it. Thank you so much.

Karl

[Joao]

Great to hear it Karl.

Let us know if you need help with anything else.

Joao

[Author]

Posts