Thumbnail size in WHP carousel

[eiresnet 0]

Hi I am using WHP with NextGen. I need to change carousel thumbnail size. I tried changing the thumbnail size directly through NextGen thumbnail settings and I remade thumbnails but that did not change the carousel thumb size. I even tried uploading new gallery with new thumbnail size but that didn't help too. I think that carousel thumbnail size is limited by the WHP itself so I need to find the way to change that. Anyone has idea how to do this? The webpage is: http://www.assisi2012.com Its still under development so you need to login to be able to see it: http://www.assisi2012.com/wp-login.php Username: guest Password: guest

[cmunns 16]

http://www.pagelines.com/forum/topic.php?id=4494

[eiresnet 0]

So does this mean that I have to manually edit settings for every existing and every new picture I add? There is no custom css code that could do this for all pictrues?

[eiresnet 0]

I tried changing values inside:

alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" width="70" height="70"/>

but this did not change anything.

[catrina 103]

In regards to editing styling for the pictures, there can be a custom CSS code you can use if the image has a class with CSS assigned to it. For example, if the class for the thumbnail was "thumbnailimg", this CSS can alter its appearance:

img.thumbnailimg {width: 70px;}

[eiresnet 0]

The problem is, I don't think images have a class with CSS assigned to it. There must be a way to change thumbnail size!

[catrina 103]

Have you tried editing the carousel.css file?

[eiresnet 0]

Yes I did. I managed to change almost all other carousel parameters except the thumbnail size!

[catrina 103]

Is this what you changed?:

.carouselcontainer ul li img {
		width: 70px;
	/*	border: 1px solid #999;
		border-top: 1px solid #bbb;
		border-left: 1px solid #bbb;*/
		border: 1px solid #444;
		border-top: 1px solid #222;
		border-left: 1px solid #222;
	}

[eiresnet 0]

Not only that. I tried changing also the others px values inside file carousel.css and none of them changes thumbnail size.

[Kate 3]

Hey Gerard - In that line Adam mentioned for you to change, you changed the height and width? Did you clear your browser cache afterward?

[eiresnet 0]

Yes I did. I tried it again now and no effect at all. Note that in that post he mentioned OP also couldn't resolve it with changing that.

[Kate 3]

@Gerard - I see in the HTML the thumbs are still 70x70. Not sure if you changed it and then changed it back, but just a heads-up. In addition, in the CSS, ".carouselcontainer ul li img" is set to a width of 70px. You'll need to edit this as well. The HTML and the CSS have to work together... they shouldn't contradict each other I can take a look at it, but the "Guest" user is going to need more permissions. Right now I can't edit any files. Or, if you prefer, you can crated a new one and e-mail the login info. Then I'll post back here what the solution was.

[eiresnet 0]

Yes I alway change everything back once I see that it doesn't work because that way its simpler for me not to make some error. I emailed admin-level login data to your email.

[Kate 3]

@Gerard Okay, so I saw you went back and changed (again) the file @cmunns mentioned... that's good. That was the first step. Based on those dimensions (170x170), this is the CSS I added to get it to work:

.thecarousel{width:auto !important;}
	.carouselcontainer ul li{width: 172px !important;height: 172px !important;}
	.carouselcontainer{height:172px !important;}
	/*Some of these styles were actually added to your current styles, Gerard.  But, I'm putting them on their own for others' reference.*/

For you, Gerard, I also changed:

.home #contentcontainer {
	padding-top:224px;
	}

Now, that may take some tweaking... I'm not sure the transitions are going to the same place they were before. And, they may not be because of the width change. But, this should at least get you on the right path. NOTE: I already added these styles to your CSS. All the best, Kate

[eiresnet 0]

Thank you Kate you are the best! Thank you very much!