How do you remove the shadow border on images in the sidebar widget?

  • Resolved mvjohn

    (@mvjohn)


    6 years, 9 months ago

    How do you remove the light gray shadow border that appears on the images in the sidebar widget?

    • This topic was modified 6 years, 9 months ago by mvjohn.

    The page I need help with: [log in to see the link]

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

  • Hello,

    Try adding this CSS to Theme Options> Advanced Settings, and let me know if it’s what you’re after:

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

    -Kevin

    Thread Starter mvjohn

    (@mvjohn)

    Thanks Kevin however unfortunately it didn’t work.

    Can you confirm that I inserted the code correctly? I am trying to remove the gray box that appears around the “Also Recommended” image.

    I also just doublechecked to make sure the image itself didn’t have a box around it.

    Thanks again.

    John

    The original CSS I provided was just for the hover state. Try this and let me know if it works:

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

    -Kevin

    Thread Starter mvjohn

    (@mvjohn)

    Worked perfect! Thanks!!!

    John

    No problem! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do you remove the shadow border on images in the sidebar widget?’ is closed to new replies.