How to remove grey shadows/borders around pictures?

  • Resolved NakyD

    (@nakyd)


    11 years, 4 months ago

    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: https://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? ??

    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

    Thread Starter NakyD

    (@nakyd)

    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 https://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?

    @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.