Ok I have now increased the width of my homepage to 1000px, but the first image is slightly higher than the other images, could you advise how I could lower it?
Many thanks
Hi,
I’m not sure why the top image is higher than the rest. Sometimes making images display block can fix oddities like this. So you would write:
.divup .wp-caption img { display:block; }
If that doesn’t work it could be the margin and padding on the image and caption div. Trying setting it all to zero and then add margin/padding back in gradually, refreshing the page as you go to see what breaks it.
To reset the padding/margin try:
.divup .wp-caption,
.divup .wp-caption img
{ padding:0; margin: 0; display:block; }
I hope that helps!
Sebastian
Hello the first code didn’t change a thing and when I tried the second code i.e. change the padding to 10. It changes all of the images except for the first one.
Did I miss anything in the original code:
}
.divup-wrap {
overflow:hidden;
}
.divup {
float:left;
width:169px; margin-right:8px;
}
.mul-5 { margin-right:0;
}
I tried creating a brand new page and it ignores the 1st image again.
Any other ideas?
Many thanks
Anna
No, the original code should just work.
I’m sorry to say I’m stumped as to what’s lifting that first image!
if i place the [divup] in between every two images instead of every single image, then both images on the first column move up…strange… do you think its the twenty ten theme?
It will be something to do with a CSS rule defined somewhere in the parent theme’s stylesheet. But I couldn’t see what that was.
Hello I have solved the mystery! The div up code i was entering into my page was coming up in bold, i changed it to normal text and it now works! Many thanks
