Unable to Remove Box Shadow on Image Thumb

• 

  quakerfurniture · Member · May 15, 2017 at 3:36 pm

  • Copy link
  • Add topic to favorites

  I have tried a few different css styles and place in themes custom css editor with no changes – on a page I have made one section with images as a grid but it is spaced out too much. So below that I have tested using HTML columns with the images but I have a funky box shadow and there is no HTML for that style so the theme must be forcing it there. I can’t get rid of it. It’s driving me nuts.

  Below is a short cut to the page. I still have a lot to clean up so please just focus on the circle images under “Wood Finishes on Oak” paragraph headline

  http://wp.me/P8Hs4Y-jw

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 16, 2017 at 1:11 am

  • Copy link

  Hi there, on your finishes and laminates page, I’m seeing a gallery We can tighten up the spacing on those, if that is what you are looking for. I’ve limted this to screens/windows 768px and wider since things go a little awry below that if we keep this change. Add the following to your custom CSS and see what you think.

  @media screen and (min-width: 768px) {
  #gallery-1210-6 figure {
  	margin-left: 0;
  	margin-right: 0;
  }
  }

  With the above, you will notice that things go to 4 columns.

• 

  quakerfurniture · Member · May 16, 2017 at 12:45 pm

  • Copy link

  Thank you thesacredpath!

  That worked and it looks so much better – you must have looked at the page after I took the other images off- I was getting frustrated so I removed them for now. :)

  Thanks again!

• 

  thesacredpath · Member · May 16, 2017 at 6:03 pm

  • Copy link

  Hooray and you are welcome!