[captain eo]

I’m trying to remove the border and grey color border from all of the images on my site. Can anyone assist?

http://www.gretchenwegner.com

[Pratik]

hi @captain eo,

To remove the boxes, add following CSS code in “Appearance=> Theme Options=> Custom CSS” box

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

Let me know if this works or not.

Regards,
Pratik

[captain eo]

Hi Pratik,

No, that did not work. Please see the site: http://www.gretchenwegner.com. I’ve added the custom CSS you provided but the border and gray color still show up around all the images. Thanks for your help!

Bryan

[captain eo]

Sorry. I should be more specific. The CSS removes the border from the image, but upon hovering over the image, it shows a gray border around the image. I can remove it by making the unlinking the image but some images need to be linked so I’d like to remove it from all the images when hovering. Thanks again!

[Pratik]

Hi @captain eo,

Hover has that effect. You can remove that too by adding following code after the code provided previously:

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
a:hover img.wp-post-image,
a:focus img.wp-post-image,
.gallery-thumb a:hover img.attachment-thumbnail,
.gallery-thumb a:focus img.attachment-thumbnail {
    border: none;
    background:none;
}

Final note, it looks like you are using version 3.3 of catch-box. It is recommended to upgrade the theme to latest version. But please take a backup of your database and files before you upgrade though, as the version is a lot far back.

Regards,
Pratik

[captain eo]

That worked great. Thank you! I have a new problem however. After updating to 4.3 the mobile menu is showing on the regular site. Also, “Skip ahead to content” is showing at the top of the site.

http://www.gretchenwegner.com

[Pratik]

HI @captain eo,

Can you refresh your cache?

The mobile menu is loading fine. We have upgraded the menu, so now it will slide from left.

Also, I cannot find skip to content.

Regards,
Pratik

[Author]

Posts