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 » Header configuration & styling »

How to center the layout


  #1  
Old Feb 17, 2011, 06:58 AM
mirco65
 
25 posts · Oct 2010
I have big confusion on how to set properly the Layout of atahualpa.

http://www.vocemea.it/

This is the website but as you can see the Header image is not centered
idem for the logo

everything is align to left and go out from the div in the right

Can you give me help to set properly all settings and in what settings I can do it?

thanks

Mirco
  #2  
Old Feb 17, 2011, 08:49 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
In ATO>Style & edit Header Area>Logo Image: Styling add a width and auto margins as below. The width is arbitrary.
HTML Code:
width: 400px; 
margin-right: auto;
margin-left: auto;
__________________
~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 Feb 17, 2011, 02:03 PM
mirco65
 
25 posts · Oct 2010
nothing! I insert it but the logo and the header images doesnt stay in the center...
nothing
This probably because the logo is 700 px and the header images is 700 px too?

Last edited by mirco65; Feb 17, 2011 at 02:06 PM.
  #4  
Old Feb 17, 2011, 09:39 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Try setting the width to 600 px or resize your logo image.
__________________
~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 Feb 18, 2011, 12:46 AM
mirco65
 
25 posts · Oct 2010
I made it in this way.
The black border is to show the div

I saw that is the div that go to the center but not the image inside the div...
So I resolved doing the div os same dimension of the image but... is not very elegant way.
Do you know how to center the image inside the div?

width: 210px;
margin-right: auto;
margin-left: auto;
border: solid 1px #000000;
  #6  
Old Feb 18, 2011, 06:08 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Put the following in ATO>Add HTML/CSS Inserts>CSS Inserts to see if it works. Part of this issue is that your logo is 700px wide. From what I can see it should be more like 200px but the following may work for you instead of resizing the logo. It will make the logo appear a bit smaller though.
HTML Code:
img.logo {
width: 600px;
margin-left: auto;
margin-right: auto;
}
__________________
~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
How to change center column layout? Rojo Atahualpa 3 Wordpress theme 7 Dec 28, 2011 07:46 PM
How can I center, in grid layout, pictures with captions on a page... Masselyn Center area post/pages 0 Nov 18, 2010 09:30 AM
[SOLVED] How to Center Layout amacapugay Header configuration & styling 10 Sep 10, 2010 04:37 PM
page layout that progresses from outside edges to the center theredone Header configuration & styling 1 Feb 3, 2010 05:32 AM
[SOLVED] Different Size Layout vs. Center Column Mande Header configuration & styling 4 Nov 25, 2009 05:21 PM


All times are GMT -6. The time now is 10:53 PM.


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