Twenty Twelve – CSS help pls

  • I’m using Twenty Twelve Responsive theme as my template base.

    I’ve just checked on my mobile after adding my albums / galleries and they are all out of whack.

    I have a strong feeling its due to the css i applied.

    Can someone please help?

    Here is the code which is giving me grief! i thought it could be because i was using px instead of rems so changed that but still no difference.

    .ngg-gallery-thumbnail-box {
	float: left;
width:12.85714286rem;
  background-color:green;
}
.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
  padding-bottom:20px;

}

.ngg-gallery-thumbnail img {
	background-color:#000;
	border:1px solid #A9A9A9;
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
}
Viewing 5 replies - 1 through 5 (of 5 total)

  • It would be easier to diagnose something if you provided a URL showing the page you’re having problems with.

    Thread Starter Lesley2013

    (@lesley2013)

    sorry here is the site i’m doing

    i just took out all the css and realised that my images are still out of whack in the gallery section ?? they seem to be stretched. i’m wondering if there was a free plugin i could use to make this happen without the stress of editing css?

    I suppose you’re wondering why your images get all squashed up on a smaller browser size instead of stacking like it should in a responsive theme.

    Look at your NextGen Gallery Options (Gallery > Options). You probably have Number of Columns set to 4, which means NextGen will allocate 25% of the parent width to displaying the image, and the images won’t break to the next line. Set that value to 0, which means the images will fill up the available width, whether it be wider or narrower.

    Thread Starter Lesley2013

    (@lesley2013)

    oh fantastic i’ll have a go ??

    Thread Starter Lesley2013

    (@lesley2013)

    I applied this to try and center the thumbs on this page but its never going to center because i’m giving it a right margin ??

    .ngg-gallery-thumbnail-box {
	float: left;
}
.ngg-gallery-thumbnail {
	float: left;
	text-align: center;
  padding-bottom:20px;
  width:100%;
margin-right:30px;
}

    Also it didn’t work on this page though ?? these are the albums
    link

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Twelve – CSS help pls’ is closed to new replies.