Aligning images in Display post using NextGen « Support Forum | Kriesi.at

Aligning images in Display post using NextGen

6 posts from 2 voices

Tags:

jjgarcia03
Member

I'm using NextGen to manage my images and when I insert them into a post, I can't get them to break when I want.

http://indiewrecked.com/2007/08/07/brac-land-sales/

For this page, I inserted the main image as a Singlepic and the others as thumbnails. I'd like the 3 thumbnails to position underneath the large image, as opposed to the right of them.

I tried inserting a
and even a
and neither of them would push them to the next line.

Posted 2 years ago #

Dude
Dude

Hey,
you can try to replace following code in style.css:

#main img{
float:left;
margin-bottom: 5px;
display: inline;
}

with:

#main img{
/* float:left; */
margin-bottom: 5px;
display: inline;
}

Posted 2 years ago #

jjgarcia03
Member

That worked, but now all of the thumbnails have an orange line underneath them (as links?).

Is it possible to get rid of those on the thumbnails but not on the text links?

Thanks SO much for your swift response! Loving the Display theme.

Posted 2 years ago #

Dude
Dude

Try to add following to style.css:

.shutterset_ , .shutterset_singlepic658{
border: none !important;
}

Posted 2 years ago #

jjgarcia03
Member

That kind of worked, but only for the thumbnails that occur after the singlepic insertion (the singlepic still had the orange line as did my portfolio page thumbnails). I've reverted back to the original CSS and am using a full size image at 532px wide as the first image, which seems to naturally bump the thumbnails to the next line.

Posted 2 years ago #
Dude
Dude

Glad that you found a solution :)

Posted 2 years ago #