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, 09:02 AM
gnosis
 
173 posts · May 2010
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, 09: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, 09: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, 09: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, 10: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, 10: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
  #7  
Old Oct 9, 2013, 11:08 AM
gnosis
 
173 posts · May 2010
The rainbow array right above below the menus. How do I remove solid lines around that image?
  #8  
Old Oct 9, 2013, 01:25 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You look at the site in FireFox with the FireBug extension.
Examine that section and find out what CSS is being applied.Look at the CSS and see if you can find it in a theme option or the CSS Inserts, if not you will at least know what CSS you have to override
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 10, 2013 at 12:21 PM.
  #9  
Old Oct 10, 2013, 10:13 AM
gnosis
 
173 posts · May 2010
Btw, email notifications are not working.

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 08:52 PM
[SOLVED] logo header image position incamedia Header configuration & styling 1 Aug 28, 2010 04:16 PM
Position of the logo in the header c4barbes Header configuration & styling 1 Jul 24, 2010 01:46 PM
How to position logo image? upscho Header configuration & styling 3 Sep 15, 2009 05:18 AM


All times are GMT -6. The time now is 11:20 AM.


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