Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

How to align thumbnails left of post title on homepage


  #1  
Old Dec 23, 2009, 02:05 PM
tmd_2008
 
9 posts · Oct 2009
How to align thumbnails left of post title on homepage

I would like to know how I can align the thumbnails left of the post title on the homepage. I currently use Thumbnails for Excerpts. It functions fine, but it displays the thumbnail below the post title. Is there a solution to this problem? Or does anyone have a better plugin for using thumbnails on the homepage? My main issue is getting the thumbnail to align left of the post title on the homepage. Thank you in advance for your help. Website: http://purdueboilerup.com.
  #2  
Old Jan 11, 2010, 05:32 PM
thebeersoapcompany
 
3 posts · Jan 2010
Hi,

Did you ever find a solution to this problem? I am currently using the same plugin and have ran into the same problem.
  #3  
Old Jan 13, 2010, 09:20 AM
tmd_2008
 
9 posts · Oct 2009
No I have not found a solution yet. I occasionally search the web, but haven't found the solution to my issue. Fortunately, it's not a must-fix, but I still would like to figure it out as soon as I can. Let me know if you or someone else finds the answer. Thanks.
  #4  
Old Apr 14, 2010, 05:19 PM
WendyCholbi's Avatar
WendyCholbi
 
3 posts · Jan 2010
I would also like to know how to do this. I tried floating the headline box right, which did bring the headline down, but didn't give the exact desired effect.

If I figure it out I'll post here.

An example (not using Atahualpa -- just for illustration purposes, though I'm examining their source code to see if I can adapt Atahualpa's loop code or css) is http://www.mamamia.com.au/
  #5  
Old Apr 14, 2010, 07:31 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
This isn't an exact fix as it doesn't take into account if the title has two line or one but maybe it will give you something to work with. Just put the following in the Atahualpa CSS inserts box.
HTML Code:
div.post-headline h2 {
display:block;
margin-left:80px !important;
}
.post img {
float:left;
margin-top:-60px !important;
}
__________________
~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.
  #6  
Old Apr 15, 2010, 11:49 AM
WendyCholbi's Avatar
WendyCholbi
 
3 posts · Jan 2010
Excellent, thank you Larry, this was the boost I needed to get me thinking in a different direction.

My thumbnails are going to be 150px wide and 100px tall, so I've currently got this version of the code you suggested:

Code:
div.post-headline h2 {
display:block;
margin-left:170px;
}
div.post-bodycopy img.wp-post-image {
float:left;
margin-top: -30px;
}
Which works perfectly for post headlines that are one line (and doesn't appear to affect the placement of the image in the full post, which is good).

For post headlines that run over to two lines (and who knows, maybe three), I'll have to noodle around some more. I'm thinking I may have to venture into the realm of absolute and relative positioning, though that may open several new cans of worms. Good thing I like playing with code!

Or, hmm, I could ask the client to try and keep to a character limit on post titles. Would simplify things for me, but not for the client. Heh.

I'm not quite ready to post a link here, since the site is for a client and is still in development. When it launches, I will definitely give the URL.
  #7  
Old Apr 15, 2010, 11:55 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
What's the URL? I would love to see how it worked.
__________________
~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 Apr 15, 2010, 12:23 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
In Wordpress 2.9.2, you don't need a plugin to use thumbnails, and they automatically appear to the left of the title and excerpt on the front page.

Bookmarks

Tags
homepage, thumbnail

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
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
How do I left-align the blog Savage Header configuration & styling 7 Aug 13, 2009 01:37 AM
Page Menu Bar. Left align. But 200px from left margin??? mush Atahualpa 3 Wordpress theme 5 Jul 29, 2009 03:40 PM
[SOLVED] Left Align Blog? dadaclonefly Atahualpa 3 Wordpress theme 3 Jun 23, 2009 08:04 AM
[SOLVED] Show pictures as thumbnails on homepage timdevogel Excerpts, Read more, Pagination 1 May 4, 2009 02:57 AM


All times are GMT -6. The time now is 04:26 AM.


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