Gridiculous: image 'borders'

margaretrosestringer · Member · Apr 8, 2015 at 9:20 pm
Copy link

Add topic to favorites
I believe these aren’t actually borders at all, but a solid background of colour under each image (but it is, I’m quite prepared to admit, possible that I’m dreaming about this).
I should like to reduce their width, please; and after searching the code for roughly a decade, must admit that I can’t find the relevant bit.
:/
Your help most gratefully received.

The blog I need help with is: (visible only to logged in users)
staff-jeanpierreac · Staff · Apr 8, 2015 at 9:40 pm
Copy link
Hi.

You are right. This is a background plus a 10 pixels padding in the image. You can reduce your image borders width by changing the value of padding of images. For instance, you can try 4px in your custom CSS section (or even 0px if you do not want border at all):
```
<blockquote>article img {
padding : 4px;
}</blockquote>
```
My help gladly provided :)
staff-jeanpierreac · Staff · Apr 8, 2015 at 9:41 pm
Copy link
ignore
tags in code!

article img { padding : 4px; }
margaretrosestringer · Member · Apr 8, 2015 at 10:54 pm
Copy link
You had me MOST confused with the blackquote tags !
However, even by adding a preceding full stop, that doesn’t work for me.
Estoy muy agradecido por su ayuda.
margaretrosestringer · Member · Apr 8, 2015 at 10:55 pm
Copy link
Bugger it: I meant to type blOckquote, of course.
Sighh …
margaretrosestringer · Member · Apr 9, 2015 at 12:27 am
Copy link
```
article img, .home-widget img {
  padding: 4px;
}
```
That’s it.
:-)

No items found.