Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

How to change the style of latest posts in HOME page?


  #1  
Old Aug 7, 2013, 07:43 AM
mercader3000
 
4 posts · Aug 2011
How to change the default style of latest posts at home page ?

From this:
http://i1349.photobucket.com/albums/...ps734140f2.jpg

to something like this
http://i1349.photobucket.com/albums/...ps97013a5e.jpg

It's seems to be simple but tricky.
I tried ATO>Style post & Pages> Post Container
and adding this

/*
margin: 10px 10px 10px 0px;
width: 200px;
height: 400px;
position: relative;
overflow: visible;
float: left;
*/

But the result was messy and also affect the contents of the posts. I just want to affect the HOME page.
  #2  
Old Aug 7, 2013, 09:19 AM
lmilesw's Avatar
lmilesw
 
10,173 posts · Jul 2009
Central New York State USA
I didn't test but how about the following in CSS Inserts?
HTML Code:
body.home .post {
margin: 10px;
width: 30%;
float: left;
}
I would avoid the height as you would have to add overflow:scroll which I think looks bad.
The above is an example and may need to be tweaked.
__________________
~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 10, 2013, 06:37 AM
mercader3000
 
4 posts · Aug 2011
Oh man!
Really?
You're a big help!

This was the result my friend:


http://i1349.photobucket.com/albums/p759/bandwidth1/cooltable_zpsd501ee6e.jpg


I need now to put a reasonable height for all the article containers and also that the main picture of every article is centered and without text at the side. Can you give me a hand with that please?

Last edited by lmilesw; Aug 10, 2013 at 07:49 AM.
  #4  
Old Aug 10, 2013, 07:48 AM
lmilesw's Avatar
lmilesw
 
10,173 posts · Jul 2009
Central New York State USA
You can use excerpts of a certain length to get the heights close.
__________________
~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

Tags
css, home page, latest posts, style, styling home

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Change number of posts displayed on home page? cowgrrrl Page & Category Menu Bars 4 Feb 19, 2012 05:18 AM
[howto] Theme style change to latest lordi Atahualpa 3 Wordpress theme 8 Jan 30, 2012 08:16 AM
[SOLVED] static page <title> with WP setting "Front page displays: Your latest posts" jgehrcke Header configuration & styling 4 Jun 7, 2011 08:04 AM
[SOLVED] How can I change the number of posts on home page? JulieBMack Center area post/pages 6 Dec 3, 2010 09:34 PM
[SOLVED] Is it possible to change the link style for just those links within posts StudioGal Center area post/pages 4 Jul 9, 2010 04:17 PM


All times are GMT -6. The time now is 12:31 AM.


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