Can the image border be removed entirely?

[Mollie Wasserman]

There is an image border at the bottom of every image. I see how the color can be changed but is there a way to remove it entirely? I changed the color to white which works on the main sections since my background is white but looks really funny when I have a colored background.

[Sushil Adhikari]

Yes… the style for images is found in the style.css file around line 873 and looks like this:

[code type=css]
/*.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;
}

[Mollie Wasserman]

So, can I just delete that border-bottom code?

[Sushil Adhikari]

yes… but I hope you are using a child theme for this modification so that any future updates of the theme, your changes won’t be lost. Another method is when using a child theme, copy the above code but for the styling, just do this:

{ border-bottom: display: none; }

[Lisa M]

When I enter the “display: none” part of the code I get an Expected RBRACE error at the colon. What am I doing wrong?

.wp-caption img {
border-bottom: display: none;
}

[Sushil Adhikari]

You almost got it, but it should be this:

.wp-caption img {
border-bottom: none;
}

[Lisa M]

Thank you.

[Author]

Posts