Space around image

Hello folkandroots,

If blank space mean border around the image then add below css into your current theme’s style.css file (at the end) locatec at wp-content/themes/your_current_theme/ folder.


img[class*="align"], img[class*="wp-image-"],
#content .gallery .gallery-icon img {
border: none;
}


Note : All Changes you done in any file of theme are gone when you update theme. So prefer Child Theme.

Hope this will helps you.

Thanks

It’s not a border around the image as such but a blank space between the page border and the content, I assume there is some CSS Code I can alter to remove or reduce it

remove the blank space around the image on my front page

to have the image pretty much full page, if this is what you want, try:

.home img[class*="align"]
{ padding: 0; border: none; max-width: 100%;  }
.home #access 
{ margin-bottom: 0; }
.home.singular .entry-content
{ padding-top: 0; width: 100%; }
.home.singular .entry-content h5 
{ line-height: 0; }
.home.singular #content
{ margin: 0; }
.home #main 
{ padding-top: 0; }

• This reply was modified 8 years, 2 months ago by Michael. Reason: CSS suggestion corrected

Hello Michael

Apologies for the delay in responding but yes that has worked perfectly

Thanks for your help