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

Position Logo in Header


  #1  
Old Oct 9, 2013, 08: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, 08:08 AM
juggledad's Avatar
juggledad
 
23,655 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,655 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, 10: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, 12:25 PM
juggledad's Avatar
juggledad
 
23,655 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 11:21 AM.
  #9  
Old Oct 10, 2013, 09: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 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 05:22 PM.


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