Correctly add padding around images?

  • I have a small problem regarding padding around images and I want to know if there is a correct way to add it. I want to make a picture like border around them with white background, padding and box shadow and when I put a padding of let’s say 8px my pictures, in that case the 200×200 featured thumbnail gets scalled down to 184×184( with a padding of 4px it gets 192×192 … etc).

    I cand avoid that in a way? Thanks for any of your responses.

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

  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter ckubs

    (@ckubs)

    I used and use but as my knowledge goes, how could that help me?

    I set in the the wordpress admin the thumbnail admin to be 200px/200px and in no padding scenario the thumbnail is 200px/200px but with it the padding eats from my 200px image, the “container” remaining the same and the image getting proportionally scalled down( in the 8px padding being 184px/184px) and all I wanted to know if it’s a catch about that. As you probably saw that was a almost noob question and even 10 firebugs couldn’t help me right.

    set in the the wordpress admin the thumbnail admin to be 200px/200px

    Was this before or after you uploaded the images? Those settings only affect images that will be uploaded in future – not any image that is already in your Media Library. If you need to resize existing images, use https://www.ads-software.com/extend/plugins/regenerate-thumbnails/

    Thread Starter ckubs

    (@ckubs)

    Were not getting anywhere( or atlast me). I know that plugin, I’m using it for almost a year and half. Forget the tumbnail and take for example a box. My box has a width of 20 inches, if I put a padding around it that box doesn’t have the same 20 inches because the padding eats from the box width and it’s not outside of it how I want it to be. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Correctly add padding around images?’ is closed to new replies.