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 »

Left Align Featured Image on Homepage


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 Aug 4, 2010, 04:37 PM
vinniev
 
22 posts · Mar 2009
The homepage default for the "Featured Image" is to show above the excerpt. I'd like the image to show to the left, similar to how Mashable does it. How can I do that?

Also, how can I get the Category to show before the excerpt (a la Mashable).

Thanks in advance.

-vinnie v-
  #2  
Old Aug 4, 2010, 07:50 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
You can style the featured image (Post Thumbnail is what Atahualpa calls it) in ATO>Post Thumbnails. You just need to put
HTML Code:
float:left;
in the CSS box and any other styling you want.
__________________
~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.
  #3  
Old Aug 5, 2010, 08:41 AM
vinniev
 
22 posts · Mar 2009
Thanks for the reply. I checked the settings on that and the default shows:

Code:
<div class='post-bodycopy'>
<img POST THUMBNAIL HERE class='wp-post-image' />
<p>Post Excerpt starts here...</p>
</div> 


float: left;
border: 0;
padding: 0;
background: none;
margin: 0 10px 5px 0;
---------------------------------------------------

But the featured image still defaults to the top of the post on my homepage. Is there something I should change in the code above to indicate that I want the thumbnail to float left?
  #4  
Old Aug 5, 2010, 09:32 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Delete the following from the box and see what happens.
HTML Code:
<div class='post-bodycopy'>
<img POST THUMBNAIL HERE class='wp-post-image' />
<p>Post Excerpt starts here...</p>
</div>
__________________
~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.
  #5  
Old Aug 5, 2010, 10:26 AM
vinniev
 
22 posts · Mar 2009
That did the trick. Thank you so much for your help!

Do you happen to know how I can make the category show up prior to the excerpt?

For example - if I post an article about the iPhone and I put it in the "Apple" category, how do I get "Apple" to show up before the excerpt (similar to how mashable does it).
  #6  
Old Aug 5, 2010, 10:30 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Put the necessary code in the Byline boxes in ATO>Edit POST/PAGE INFO ITEMS
__________________
~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.
  #7  
Old Aug 5, 2010, 11:32 AM
vinniev
 
22 posts · Mar 2009
Thanks so much Larry.

Would it be difficult to move the featured image to the left and have the post title and excerpted text on the right like Mashable? (sorry to keep referencing them - I just really like how they display the excerpted text and images on their homepage)
  #8  
Old Aug 5, 2010, 12:06 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Your image should be on the left with the code that is there. If not you just have to play around with the CSS in the Post Thumbnails box. Do you have a link to your site? It's kinda hard to give you ideas without seeing the site.
__________________
~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.
  #9  
Old Aug 5, 2010, 12:11 PM
vinniev
 
22 posts · Mar 2009
Yes, thanks. http://www.vinniev.com

You'll see how the image shows to the left of the excerpt but the Post title is still showing on top of the image. Trying to move post title right above the excerpt and to the right of the image.
  #10  
Old Aug 5, 2010, 12:16 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Yours looks like mashables. I'm not sure what you want to do. BTW you have the left inner sidebar still showing. I would turn that off and set the site width to about 900px. I think you would like the layout better.

Turn off left inner sidebar in ATO>Style & Configure Sidebars
Set site width in ATO>Style & Configure Layout
__________________
~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.
  #11  
Old Aug 5, 2010, 12:34 PM
vinniev
 
22 posts · Mar 2009
Thanks again. I guess what I'm trying to figure out is how they're showing the "All Stories" section of their site with the image to the left (see attachent).

My site layout matches their "Trending Story" layout at the top of their page but how are they displaying it on the left for the "All Stories" section.

Thanks for the suggestion about the width.

I don't have anything checked for the left inner sidebar so I'm not sure where/why that's showing. I do have the right inner blank right now because I'm still figuring out what I want to include there but I plan to update that section very soon.

Thanks again for the help. I'll send in another donation shortly. :-)
Attached Thumbnails
Click image for larger version

Name:	mashable.JPG
Views:	349
Size:	77.3 KB
ID:	663  
  #12  
Old Aug 5, 2010, 01:20 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
I think that would require building a custom page template but maybe someone else knows a "trick".
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Impossible to left align text after inserted image on page tootsweet Center area post/pages 4 May 18, 2010 06:53 AM
How to align thumbnails left of post title on homepage tmd_2008 Atahualpa 3 Wordpress theme 11 Apr 15, 2010 01:42 PM
Control spacing in menu bar: left-align some; right align others; blank space between sarah97302 Page & Category Menu Bars 1 Nov 16, 2009 01:47 PM
Page Menu Bar. Left align. But 200px from left margin??? mush Atahualpa 3 Wordpress theme 5 Jul 29, 2009 03:40 PM
How to create a homepage with links to featured posts scrubbs Post-Kicker, -Byline & -Footer 9 May 31, 2009 06:22 PM


All times are GMT -6. The time now is 02:48 PM.


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