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

Logo image positioned to far left on large monitors


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 Nov 4, 2009, 07:28 PM
b1tzmast3r
 
18 posts · Oct 2009
Logo image positioned to far left on large monitors

Hello,

I'm trying to figure out why my logo keeps it's left position based on the browser and not the "Logo Area" which causes it to float too far to the left when viewed on a large cinema monitor.

It's almost like the logo is set up to align left regardless what the rest of the fixed container is doing.

This is most likely due to my lack of CSS experience. I've tried quite a few variations but end up with similar results

Basically I need the logo to line up with the left side of the main container then push it 20 pixels to the right.

Can anyone give me an idea what I should be doing to make that happen on a fixed layout of 1250 pixels?

Thanks for your help!!
  #2  
Old Nov 5, 2009, 05:18 AM
juggledad's Avatar
juggledad
 
21,944 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What version of Atahualpa and WP?
What is the URL?

p.s. NIce site!
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 5, 2009 at 08:25 AM.
  #3  
Old Nov 5, 2009, 08:08 AM
b1tzmast3r
 
18 posts · Oct 2009
My apologies!

WP: 2.8.4
Ap: 3.4.4

URL: http://www.coreywolfe.com/

Also here's the styling I currently have set up:

Logo Area:
Code:
height: 120px;
width: 1250px;
margin-left:auto; 
margin-right:auto;
Logo Image:
Code:
position: absolute;
left:-35px;
top:10px;
z-index:+1;
Thanks!
  #4  
Old Nov 5, 2009, 08:23 AM
juggledad's Avatar
juggledad
 
21,944 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
oh, you are using position: absolute; use 'relative' instead
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Nov 5, 2009, 08:49 AM
b1tzmast3r
 
18 posts · Oct 2009
You're right that does put it into the correct position but it opens another can of worms.

Here's an image which demonstrates what happens with the header seperation it creates. The owner wanted me to tuck the contact button as close to the beige line as I could...but that forces the logo left.

Maybe there's a way to push the right column up now?



Thanks for your help!!
  #6  
Old Nov 5, 2009, 11:44 AM
juggledad's Avatar
juggledad
 
21,944 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you could try the method described in the gold forum: How to overlay the LOGO on the Header Image in versions 3.4->3.4.4 (http://forum.bytesforall.com/showthread.php?t=2729)
I'm 99% sure that will work for you
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can a place a logo image on the left side and another image on the right side? Ms. M Header configuration & styling 11 Jan 18, 2010 12:28 PM
Logo positioned over page menu bar markday Header configuration & styling 3 Nov 3, 2009 01:36 PM
[SOLVED] An easy way to have a logo over left sidebar area of header? mgclark Header configuration & styling 11 Jul 29, 2009 05:36 AM
Large Gap At Top Of Both Side Bars agrande Sidebars & Widgets 4 Jun 29, 2009 04:39 AM
Large photo gallery slideshow banner image replacement blueprairie Plugins & Atahualpa 1 Jun 18, 2009 05:10 AM


All times are GMT -6. The time now is 07:01 AM.


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