Image Border

[Helen Martin]

Hello,

I would like to remove the image border as it appears on my image I uploaded for my front page showcase header, so I have my designed image with a thick border line under it which I don’t want. Can I remove it for individual images or would it have to be removed for all images.

Can you let me know how I do this, I checked in customize/colours but it doesn’t give an option for none.

I look forward to some help here.

Many thanks
Helen

[Sushil Adhikari]

Hi Helen…actually if you go to the customizer for the theme, then click on the “Colours” tab, then near the bottom is a setting for Image Border, you can change it to whatever colour you want. However, if you need to find where the original styling is so you can override them with a child theme or the Jetpack’s Edit CSS feature, you will find it around line 882 and looks like this:

/*.gj-portfolio-intro-image img,*/
.img-intro img,
.img-intro-left img,
.img-intro-right img,
.img-intro-none img,
.imageborder,
.contact-image img,
.entry-attachment img,
img.alignnone,
img.alignright,
img.alignleft,
img.aligncenter,
div.wp-caption img {
	border-bottom:8px solid #78a5b6;
}

As you can see, there’s a lot attached to the one style so you can separate them if you make any changes.

[Helen Martin]

Many thanks for the prompt response. All sorted now using the CSS. Much appreciated.

[Author]

Posts