Image Border/Shadow Removal for 2012 Child Theme

  • ceciyl

    (@ceciyl)


    10 years ago

    Hi,

    WordPress newbie here trying to create a site and need help with the borders around images, sorry if it turns out to be something easy that I didn’t know about…

    I have tried searching for other solutions and applying them to the stylesheet of the child theme but the border/shadow still comes up on the image.

    I did notice, though, that the following will work only if I change the parent theme (which I’m trying to avoid) but if I add it to the child theme stylesheet, the image still comes up with a border/shadow:

    img.wp-post-image {
	border-radius: 0px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;

    The site is http://www.littlemisstea.com.au – I’m trying to remove the shadow around the woman at the bottom as well as want to see how it looks like if I remove shadows/borders from all.

    Thank you in advance for any help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Pioneer Web Design

    (@swansonphotos)

    10 years ago

    does:

    box-shadow: none !important;

    work (when used in the right order)?

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    http://codex.wordpress.org/Child_Themes
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

    Some plugins may add css afterwards and should be avoided.

    Thread Starter ceciyl

    (@ceciyl)

    10 years ago

    Hi Pioneer Valley, thanks for replying. I tried using none instead of 0 and still got the shadows. My child theme stylesheet has the @import twentytwelve parent theme, then remove menu and header. I initially put the part to remove bow-shadow at the very bottom of the child theme, then tried moving up to right after the import part but couldn’t seem to remove the shadows.

    I’m not sure what to look for in the Chrome Inspect Element… sorry about that…

    Am I putting it in the right place by adding box-shadow changes to stylesheet? Any ideas why it’s not preceding the parent theme’s? Thanks again for any help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Border/Shadow Removal for 2012 Child Theme’ is closed to new replies.