Support » Theme: Virtue » How to remove grey shadows/borders around pictures?

  • Resolved NakyD



    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:

    Thanks a lot!

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


    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 🙂



    And thank you also I was having the same problem



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



    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 ‘How to remove grey shadows/borders around pictures?’ is closed to new replies.