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 »

Position Logo in Header


  #1  
Old Oct 9, 2013, 08:02 AM
gnosis
 
173 posts · May 2010
Position Logo in Header

In ATO=>Style & edit header Area=>Configure Header Area, I defined:


<div id="mylogo"><a href="http://www.gc.cuny.edu"><img src="http://library2.gc.cuny.edu/mrl365/wp-content/themes/atahualpa/images/gc.jpg" alt="The Graduate Center" /></a></div>

<div id="mylogo2"><a href="http://library.gc.cuny.edu"><img src="http://library2.gc.cuny.edu/mrl365/wp-content/themes/atahualpa/images/library_new.jpg" alt="The Mina Rees Library" /></a></div>
%logo %pages %image



How do I position library_new.jpg (the second image/link) to the right of the first image?

In ATO=>Style & edit header Area=>Blog Title?
-or-
In ATO=>Style & edit header Area=>Add HTML/CSS Inserts =>HTML Inserts: Header
-or-
In ATO=>Style & edit header Area=>Add HTML/CSS Inserts =>CSS Inserts?
  #2  
Old Oct 9, 2013, 08:08 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
In ATO->Style & edit header Area->Add HTML/CSS Inserts ->CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 9, 2013, 08:43 AM
gnosis
 
173 posts · May 2010
Thank you.

The logos are lost under the menus, if I use:
div#mylogo{
position:absolute;
left: 0px; top: 5px;
}
div#mylogo2{
position: absolute;
left: 90px; top: 5px;
}


The second logo is NOT on the same line/level as the first by many pixels if I use:
div#mylogo{
position:relative;
left: 0px; top: 5px;
}
div#mylogo2{
position: relative;
left: 90px; top: 5px;
}

If I do the following, a lot of whitespace/padding is added below my logo:
div#mylogo{
position:relative;
left: 0px; top: 5px;
}
div#mylogo2{
position: relative;
left: 90px; top: -120px;
}


So can you help me with the css, so both logos are on the same level and no whitespace is added?
  #4  
Old Oct 9, 2013, 08:59 AM
gnosis
 
173 posts · May 2010
Ok for some reason or another this seems to work:

div#mylogo{
position:relative;
left: 0px; top: 5px;
}
div#mylogo2{
position: absolute;
left: 90px; top: 45px;
}
  #5  
Old Oct 9, 2013, 09:28 AM
gnosis
 
173 posts · May 2010
How to remove the black lines above and below header image?

http://library.gc.cuny.edu/

n ATO=>Style & edit header Area=>Horizontal Bar 1: Styling

does not seem to effect.
  #6  
Old Oct 9, 2013, 09:48 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I see no header image at that url
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
header, logo, styling header, styling logo

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center logo and tagline and position tagline under logo? Elizabeth Header configuration & styling 6 Mar 16, 2012 07:52 PM
[SOLVED] logo header image position incamedia Header configuration & styling 1 Aug 28, 2010 03:16 PM
Position of the logo in the header c4barbes Header configuration & styling 1 Jul 24, 2010 12:46 PM
How to position logo image? upscho Header configuration & styling 3 Sep 15, 2009 04:18 AM


All times are GMT -6. The time now is 09:29 AM.


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