Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Position Logo in Header (http://forum.bytesforall.com/showthread.php?t=20987)

gnosis Oct 9, 2013 08:02 AM

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?

juggledad Oct 9, 2013 08:08 AM

In ATO->Style & edit header Area->Add HTML/CSS Inserts ->CSS Inserts

gnosis Oct 9, 2013 08:43 AM

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?

gnosis Oct 9, 2013 08:59 AM

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;
}

gnosis Oct 9, 2013 09:28 AM

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.

juggledad Oct 9, 2013 09:48 AM

I see no header image at that url

gnosis Oct 9, 2013 10:08 AM

The rainbow array right above below the menus. How do I remove solid lines around that image?

juggledad Oct 9, 2013 12:25 PM

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

gnosis Oct 10, 2013 09:13 AM

Btw, email notifications are not working.


All times are GMT -6. The time now is 08:19 PM.

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