Posted 6 months ago #
Hi,
I sometimes like to have the text surround the images on my blog like this: http://www.sonicavenger.com/blog/2011/11/11/111111-black-sabbath/
However the gap beneath the image is a little too large. Does anyone know how I can get the next line of text up (so to speak) to wrap around the bottom of the image, thereby leaving a smaller gap?
Many thanks...
Posted 6 months ago #
In the stylesheet style.css, look for the images section and change the values for margin-bottom - these three lines:
/* Images */
img.aligncenter { display: block; margin-bottom:0px; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 0px 20px; display: inline; }
img.alignleft { margin: 5px 20px 0px 0; display: inline; }
Posted 6 months ago #
Many thanks sir, much appreciated ;D)
Posted 6 months ago #
Hmmm...just tried a few variations on this, but nothing happening, unfortunately. Anything else I could try?
Posted 6 months ago #
what I have listed will work. did replace the three lines in the images section with the lines I gave?
the important ones are probably img.alignleft & img.alignright margin-bottom is set with the third margin value. in your theme, so if you change the current value of that to zero, there will be no margin below the image.
Posted 6 months ago #
Sorry, I misunderstood your instructions there and only altered the 'Image bottom' value.
Now I've replaced that whole section with yours. The image indeed moves, but so does the text:
http://www.sonicavenger.com/blog/2011/11/11/111111-black-sabbath/
Posted 6 months ago #
UPDATE: I just changed the img.alignleft values to: 5px 20px 0px 0; and all now is perfect.
http://www.sonicavenger.com/blog/2011/11/11/111111-black-sabbath/
Many thanks for your help CC.
You must log in to post.
