Jump to content
Sign in to follow this  
lmatanich

Space between images in blog

Recommended Posts

lmatanich

Hi. Can someone help me w/ adjusting the spacing between photos on the blog of my site (refer to most recent blog post, http://redbarnstudios.net/?page_id=57)? It looks like the spacing is 30-40 px or so. I would like to change that to 10 px. Thank you!

Share this post


Link to post
Share on other sites
Danny
Hi, Most of the images on your website are about about 10px spacing. However, some of your images have a more spacing due to you have an extra

tags above the images, see below as an example:

<-- Remove the

tags here and it should look like the others.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lmatanich
[img]http://redbarnstudios.net/wp-content/uploads/2012/03/spaces.jpg[/img] Thank you for the feedback, Danny. The arrows show the specific area between the blog images that I'm trying to define. Hopefully there is a bit of code I can put in custom css? I wanted to change the spacing for all blog images, not just individual ones. Thanks again!

Share this post


Link to post
Share on other sites
gyoery
yes, there is. The problem is that you are using paragraphs. You have to either remove the

's from around your images, or change the paragraph margin, something like that: p { margin-top: 0px; } or to be even more precise: p + p { margin-top: 0px; } The first one sets the top margin of all paragraphs to 1/2 space (more or less). The second one does that for only paragraphs that follow other paragraphs (i.e., it doesn't set the margin of the first paragraph on the page, or the first paragraph in a section). make sure to define the right id and class, so you dont mess up other paragraphs! --> #post-776 p {margin : 0px 0px 0px 0px} should do the trick, but its only for that 1 post.

Share this post


Link to post
Share on other sites
Jenny
Make sure you've downloaded [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial [url="http://www.pagelines.com/wiki/Custom_CSS"]here[/url].

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×