WordPress.org

Support

Support » Themes and Templates » Virtue » [Resolved] How to remove grey shadows/borders around pictures?

[Resolved] How to remove grey shadows/borders around pictures?

  • Hi!

    I would like to have all pictures on my site without any borders/shadows/hover effects so they don’t stand out from the white background. Now all pictures that I add to content area seem to have grey borders/shadows/hover effects. Could you please advice how to remove those effects? And should I create a child theme to do that?

    Here’s a link to my site: http://www.nakydesign.fi

    Thanks a lot!
    Minna

Viewing 6 replies - 1 through 6 (of 6 total)
  • Yeah create a child theme! 🙂 try inserting this rule declaration to your child theme:

    [class*=”wp-image”] {
    border: none;
    box-shadow: none;
    transition: none;
    }

    [class*=”wp-image”]:hover {
    box-shadow: none;
    }

    how did it work out? 🙂

    Theme Author Kadence Themes

    @britner

    Hey,
    This is how I would do it. Add this code to your custom css box in theme options.

    [class*="wp-image"] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}[class*="wp-image"]:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}

    Kadence Themes

    Brilliant, this worked just perfectly! Thank you 🙂

    anthony4370

    @anthony4370

    And thank you also I was having the same problem

    Hi, I used your code, but it does not work. See my webpage http://www.kamnarstvi-zazvorka.cz , image is on footer on the right side. I would like replace shadow around container wrap as well. Can you help me?

    esmi

    @esmi

    Forum Moderator

    @jarrii: If you require assistance then, as per the Forum Welcome, please post your own topic.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] How to remove grey shadows/borders around pictures?’ is closed to new replies.
Skip to toolbar