Jump to content
Sign in to follow this  
studentkrubb

Changing sizes of thumbnails (excerpts)?

Recommended Posts

studentkrubb

Hi! Is there a way to change the size of a thumbnail on a post excerpt? Thanks!

Share this post


Link to post
Share on other sites
eborg9

I did a hack of the theme.css file and changed these lines to reflect a thumbnail size of 100x100:

.clip .clip-thumb a{
	                                      height:100px;
	                                      width:100px;
				float:left;
				margin-right: 20px;
	                                       margin-bottom:10px;
			}
	
			.clip .clip-thumb img {
	                                      height:100px;
	                                      width:100px;
				padding: 4px;
				display:block;
				margin:0 0 0.4em;

Share this post


Link to post
Share on other sites
studentkrubb

That is excellent! How and where do I access the theme.css file? Thanks!

Share this post


Link to post
Share on other sites
catrina

The theme.css file is located in your theme files folder. If you're using the child theme for PlatformPro, you can paste the CSS into the base.css file (Appearance > Editor).


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
studentkrubb

Hi again, When doing some IE-checkup on my page I noted the thumbs are looking like this: iethumbs.png Live link: http://nysida.studentkrubb.se/kategori/vegetariskt/ I'm using following lines:

.clip .clip-thumb a{
	height:100px;
	width:100px;
	float:left;
	margin-right: 20px;
	margin-bottom:10px;
	}
	
	.clip .clip-thumb img {
	height:100px;
	width:100px;
	padding: 4px;
	display:block;
	margin:0 0 0.4em;
	

Do they need to be additionally configured for IE, or do anyone have a solution? Thanks in advance!

Share this post


Link to post
Share on other sites
Kate

Hi Joakim - Are you using the newest version of PlatformPro?

Share this post


Link to post
Share on other sites
studentkrubb

Hello Kate, Yes I am! :-)

Share this post


Link to post
Share on other sites
studentkrubb

Internet Explorer 8

Share this post


Link to post
Share on other sites
Kate

Hey Joakim - Just took a look... That CSS you're using, I believe, is pointing to the wrong element. The parent container of the thumbs is "post-thumb".

Share this post


Link to post
Share on other sites
studentkrubb

I'll try it and get back to you. Thank you Kate!

Share this post


Link to post
Share on other sites
juliaper

Hello guys, I've used the first CSS solution of this thread and I got the thumbnails bigger as I wanted, but they get completely distorted. The defined size for my thumbnails in the NextGen Gallery is already 150x113 px and the thumbnails have already been recreated for that. What can I do to get the thumbs in showing without distortion? Here is the link. Thanks a lot, Julia

Share this post


Link to post
Share on other sites
timlinson

I'm not sure you need css here. Try removing the css and going to Settings > Media > Image Size. Increase the "Thumbnail Size" dimensions to 150x113. That should expand the thumbnail area natively.

Share this post


Link to post
Share on other sites
juliaper

Hi Tim, Thanks for answering, but this solution doesn't work. My Settings > Media > Image Size are already set for a bigger size. But if I let it without the CSS code I found here in this thread, the image size of the thumbs on the Categories pages are 40x40px. The code I used is below, but still it is distorting the images. Does anyone know a solution please? My link. Thanks!!! .clip .clip-thumb a{ height:100px; width:100px; float:left; margin-right: 20px; margin-bottom:10px; } .clip .clip-thumb img { height:100px; width:100px; padding: 4px; display:block; margin:0 0 0.4em; }

Share this post


Link to post
Share on other sites
Kate

Hi Julia, What's the size of your image when you upload it (before you put it into WP)? Also, what are your media thumbnail sizes set at? Currently, this is an example URL for an image: 63__40x40_ecohouse.jpg As you can see, it's calling the 40px by 40px image. So, trying to make it larger will only distort it.

Share this post


Link to post
Share on other sites
juliaper

Hi Kate, thank you so much for your attention. Your answer showed to me that the images for the thumbs in the category pages were being called from this file /wp-content/gallery/cache/ . This file was being created automatically by the plugin nextgen. I disabled this function of creating the cache file, to see if then the Platform theme would call the image from the original file which is this: http://winterconsultoria.com.br/wp-content/gallery/logos/thumbs/thumbs_ecohouse.jpg?424831104 But instead it created another address, making things even worse because it cuts the image. New address created: http://winterconsultoria.com.br/index.php?callback=image&pid=63&width=40&height=40&mode=crop So my question is: where is the theme calling the featured image from to use in the categories pages and how can I make it choose the right file? Thanks again!!! Julia

Share this post


Link to post
Share on other sites
juliaper

Is this the case of starting a new thread? I continued the same because people might be following the steps given and having the same issues as I. Julia

Share this post


Link to post
Share on other sites
catrina

This sounds like it would require a new thread (so that people won't have to read through every post above to check and make sure they're following the right topic). Did you remove any of the thumbnail CSS you applied already?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
marcelotavares

Hi, I want to change the size of thumbnails also and I'm using Plataform Pro 1.3.1. Where do I have to insert the code? Thank you, Marcelo

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×