• Resolved cigster

    (@cigster)


    The code or instructions given to remove shadows and borders from images do not work for widget images and that’s where I’d like to remove the shadow effect borders. Can someone help me with this? Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    Search for Tip24 in style.css and replace the code with (or if using child theme, add to its style.css):

    #content .no-border,
    .widget-area .no-border {
    	border: 0;
    	border-radius: 0;
    	box-shadow: none;
    }

    I will include this fix in the next version by default.

    Thread Starter cigster

    (@cigster)

    Thank you. I added this code to the CSS file in my child theme, but the shadow is still there. I think it’s the same code I was trying to use before too. I don’t know why it’s still there. When I add “no-border” to the image codes anywhere else on the site, it works, but for some reason the widget borders remain.

    Thread Starter cigster

    (@cigster)

    Here’s the link: http://ciggyburns.com/

    This took me hours to find and fix…wanted to make me pull my hair out, but like I said i figured out how to do it.
    Go to the editor, make sure you’re in the stylesheet.css
    Go to the section called 2.7 images

    find this part

    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius: 0px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

    add in a /* before border and a */ after ; so it looks like this

    /* border-radius: 0px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */

    This worked for me. Good Luck!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Remove shadow/borders from widget images’ is closed to new replies.