[Customizr] Help With How Box Shadow Is Affecting Images

  • Resolved Liz

    (@elc95736)


    9 years, 9 months ago

    This is my site.

    I have given the four images under “Flexible Services” (on the About page) a box shadow. I understand how to edit the shadow itself but for some reason, it goes around a big block of white space to the left of my image as well that should not be there. How do I fix this?

    Thanks!

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

    (@ellp)

    9 years, 9 months ago

    Hello Liz!

    It seems your thumbnail configuration is not cropping the image you upload. So when the WP generates your thumbnail, it creates a blank space to fit the width assigned on your theme.

    The easy fix: create the image on photoshop with the size you need. Upload into your WP site and use the full size image on the post.

    Let me know if it helps.

    Thanks!

    Mpwassler

    (@mpwassler)

    9 years, 9 months ago

    instead of on div.img a put the box shadow on div.img a img .. . you have the shadow on the bigger anchor tag instead of the img tag

    Mpwassler

    (@mpwassler)

    9 years, 9 months ago

    also you have padding-left of 80 px on your ancore tags that’s what is pushing the images over and leaving that gap if you want to push them over use margins instead of padding. margins create space outside the block container while padding creates space inside the block container

    Thread Starter Liz

    (@elc95736)

    9 years, 9 months ago

    Thank you!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Customizr] Help With How Box Shadow Is Affecting Images’ is closed to new replies.