Gapless Images « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

Gapless Images

6 posts from 3 voices

Started 6 months ago by skyandbradd
Latest reply from Devin
This topic is resolved

Tags:

No tags yet.

skyandbradd
Member

Hi,

Just wondering how to remove the gaps between images, horizontal is not an issue, just vertical. I would like no space at all between images. Any advice would be great! :) I've tried everything I can think of, and I did have it at one stage, but I've forgotten what I changed. At the moment it looks like this: http://skyydott.com/jbtw2/test/

Really need no gaps, eep!!

Sky.

Posted 6 months ago #
Ismael
Moderator

Hi,

There is a line break after every third portfolio item. Did you create this using the Template Builder?

Regards,
Ismael

Posted 6 months ago #
skyandbradd
Member

Hi,

Hi, yes it is using a dynamic template I created. I also tried to do this by creating a blank template, and again just using the themes default template. Neither worked.

And no, there are NO line breaks at all. If there are, I didn't put them in and I am unable to remove or even find out what is making them appear.

The only thing that has worked for me, which I discovered by accident, was removing header.php. After I accidentally deleted it, the images were gapless, but I have no idea why, and obviously I don't want to completely delete that file. I just want gapless images!

Any further thoughts would be much appreciated! :)

Sky.

Posted 6 months ago #
Devin
Moderator
Hey Sky,

It took me a bit of poking around but its the default line height added to the body. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top.page-id-9 .entry-content {
line-height: 0em;
}
```
Where the page-id-9 in used to only effect the content on that page. If you want to add regular text you can put the images inside of a new div and then add the line height rule to that div. also to note, one of your images is just a pixel taller than the others so you'll need to adjust that :)

Regards,

Devin
Posted 6 months ago #
skyandbradd
Member

Devin!

Thanks sooo much! You sir are my new hero! Worked perfectly. And thanks for reminding me about the taller image, must fix that asap! :)

Thanks again!

Sky.

Posted 6 months ago #
Devin
Moderator

Glad I could help :)

Regards,

Devin

Posted 6 months ago #