Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Excerpts, Read more, Pagination »

[SOLVED] Thumbnails in Post Excerpts not aligning or resizing


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 10, 2012, 01:08 PM
hopskoch
 
5 posts · Dec 2012
Hi! I love Atahualpa and have used it for several sites. I am having an issue that I just can't figure out how to solve despite the dozens of similar threads I have been reading.

The website I am working on is: www.frenchetc.org, using Atahualpa Version 3.7.9

I am trying to make the images on the post excerpts all of the same width - 450px - so that they span the whole column, and center them. Nothing I have tried - the Thumbnail Rebuilder, Regenerate Thumbnail, none of those plugins seem to be working. The Rebuild Thumbnails just says that it cannot find any attachments.

This is the code I have in Post Thumbnails:

float: center;
width: 450;
border: 0;
padding: 0;
background: none;
margin: 0 0px 0px 0;

And above that, I set the width to 450px.

Does anyone have any suggestions?
Thanks!
  #2  
Old Dec 11, 2012, 04:29 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
1) How big is your layout (Ato->Style & configure LAYOUT)?
2) how big is your right inner sidebar?
3) How big is the right sidebar?
4) how big is the middle area ( MA = L - RIS - RS)?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 11, 2012, 07:26 AM
hopskoch
 
5 posts · Dec 2012
Hi juggledad,

1) layout is 1050px
2) right inner is 175px
3) right sidebar is 175px
4) middle area is 700

However, I tried making the thumbnails 600px with the ways that I stated before and nothing seemed to change, and they especially will not seem to be centered...

Thanks for your help!
Julie.
  #4  
Old Dec 11, 2012, 08:06 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
I am trying to make the images on the post excerpts all of the same width - 450px - so that they span the whole column, and center them
if your middle area is 700 then a 450px wide image won't span the whole column.

if you just want to center the image, go to ato->Style IMAGES->Images in Posts and add
'margin: 0 14%;'

you may want to play with the 14% a little
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 11, 2012, 08:25 AM
hopskoch
 
5 posts · Dec 2012
Thanks juggledad -
The margin fix worked beautifully ! However, even though my code in ato>post thumbnail is:

float: center;
width: 700px;
border: 0;
padding: 0;
background: none;
margin: 0 0px 0px 0;

and I put 700 and 700 at the top, the thumbnails are still to small... any suggestions?
Thanks.
Julie.
  #6  
Old Dec 11, 2012, 10:37 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
In your CSS Inserts you have defined a max-width for the post image, make it bigger
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Dec 11, 2012, 10:49 AM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
Also float: center is not a proper CSS declaration. You can have float: left, float: right, float: none, or float: inherit.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Dec 11, 2012, 11:34 AM
hopskoch
 
5 posts · Dec 2012
Thanks lmilesw and juggledad -

It looks like changing the size in the CSS inserts sort of worked - I made it 1000 instead of the 440 it was before, but it is still definitely smaller than 700 - do you know why?

Also, I changed the CSS float code as you mentioned lmilesw.

There is still another mystery though - why is the second image on that homepage slightly further to the right than the others? It wasn't before, and this happens with some random images...

Any ideas?

Thanks again for all your help, I appreciate it tremendously
  #9  
Old Dec 11, 2012, 01:24 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
Your images should be as wide as the area you want theme to fill which look to me to be around 650px. To have them fill the entire area they are in and be centered I would use the following.
HTML Code:
width: 100%;
margin: 0 auto;
The first part sets the image to 100% of the area it is in and the second centers it.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #10  
Old Dec 11, 2012, 02:02 PM
hopskoch
 
5 posts · Dec 2012
Thank you this worked! So helpful.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Thumbnails in excerpts wizrares Excerpts, Read more, Pagination 2 Feb 7, 2011 02:01 AM
Post thumbnails (in excerpts) not linking to full post Fux Excerpts, Read more, Pagination 5 Jan 5, 2011 06:16 AM
[SOLVED] Thumbnails with excerpts - not resizing or floating docfox Excerpts, Read more, Pagination 6 May 13, 2010 03:19 PM
gallery (grid) of post excerpts w/ thumbnails viewdesigninc Atahualpa 3 Wordpress theme 1 Jun 4, 2009 08:08 AM


All times are GMT -6. The time now is 04:49 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.