Jump to content
Sign in to follow this  
creosolutions

Displaying thumbnail in category view

Recommended Posts

creosolutions

Hi everyone, Just wondering, is there a way to display thumbnails in the category view? I have it working in search and blog list but the category view seems to be different... Let me clarify a bit: I know there's an option to have thumbnails displayed on all pages/blog/search etc but I would like it to only display on blog/category/search and not on the single post view (due to possible duplication of images). Thanks!

Share this post


Link to post
Share on other sites
creosolutions

Nope, sorry. I'm using WhitehousePro

Share this post


Link to post
Share on other sites
kastelic

There is four options: Only on blog pages and search Only on single post pages All blog/post pages Don't show Do none of these satisfy your requirements or have you installed the latest version? If not, you could enable on all, and hide on the Single posts pages with CSS like:

.single .attachment-thumbnail{display:none}

Share this post


Link to post
Share on other sites
lynn759coxnet

I have the same issue and your code works. The image is not displayed on single posts but still shows up on category posts. However, the title is still bunched up as it would be displayed next to the thumbnail. Can I add some css to fix this? Thanks, Phillip http://ipadhelp.com

Share this post


Link to post
Share on other sites
catrina

Can you please post a screenshot of the titles that are bunched up? I'm not seeing what you're seeing on my browser (Firefox for Mac).


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
lynn759coxnet

I combined 2 screenshots. The one on top is the blog page, the bottom one is the post. Notice the thumbnail is removed in the post but the title is still kinda bunched up even though there is more room with the thumbnail removed. Short titles are not noticeable. Screenshot

Share this post


Link to post
Share on other sites
lynn759coxnet

Here is what I have in the custom CSS in settings.

body{font-size: 14px}
	
	#text-25 {
	background: transparent !important;
	 border: 0 none !important;
	margin-bottom: 1.5em;
	 padding: 1px;
	}
	#text-25 .winner {
	  background: none repeat scroll 0 0 transparent !important;
	 padding: 4px;
	}
	
	#text-5 {
	background: transparent !important;
	 border: 0 none !important;
	margin-bottom: 1.5em;
	 padding: 1px;
	}
	#text-5 .winner {
	  background: none repeat scroll 0 0 transparent !important;
	 padding: 0px;
	}
	
	#text-26 {
	background: transparent !important;
	 border: 0 none !important;
	margin-bottom: 1.5em;
	 padding: 1px;
	}
	#text-26 .winner {
	  background: none repeat scroll 0 0 transparent !important;
	 padding: 0px;
	}
	
	.single .attachment-thumbnail{display:none}

Share this post


Link to post
Share on other sites
catrina

You can add this custom CSS to increase the width of the title headers:

div.post-title h2 {width: 500p;}


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
lynn759coxnet

I added it to my custom CSS but it still displays the same.

Share this post


Link to post
Share on other sites
lynn759coxnet

That works but I see it also changes it on category pages. Can I add something that will only change it on single posts. screenshot 2 I did change the 500px to 480 and all the text fit even on category pages.

Share this post


Link to post
Share on other sites
lynn759coxnet

Catrina, I also noticed the custom CSS shows up when I view the source page. That seems a little strange. Should I just add it the the theme CSS file?

Share this post


Link to post
Share on other sites
kastelic

To only have a rule affect a single post page prepend it with

.single
. View your source and look at the body tag, you will see classes which are unique to any type of page, be it
.page
,
.home
,
.category
,
.archive
,
.search

etc.

Share this post


Link to post
Share on other sites
lynn759coxnet

Is this right? It doesn't seem to work.

div.single.post-title h2 {width: 500px;}

Share this post


Link to post
Share on other sites
lynn759coxnet

Thanks you, that did that the trick.

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  

×