I’ve added the following to my styles.css which I found in a closed thread.
#site-title{
background:url(http://your site logo uri);
width:234px;/* logo width */
height:60px;/* logo height */
}
#site-title a{
display:block;
width:100%;
height:100%;
}
#site-title a span{
visibility:hidden;
}
However my logo does not show up. the text dissapears but no logo.
can someone tell me what I am doing wrong. I created a logo in Photoshop. saved it as a PNG format and it is sized at 360 x 60 pixels.
Can you post a link to your website?
Ive found a plugin for creating custom buttons in regards to my second inquiry but need to know how to add short code in my header and have it siplay at top right corner.
Please try below
#top #site-title{
background:url(http://your site logo uri);
width:234px;/* logo width */
height:60px;/* logo height */
}
Thank you
Hi Nobita. I added the code to the last line on styles.css
and changed the http://your site logo uri
to
http://pinellasbusinessdirectory.com/home/untitled-1logo/
this is the link to the logo I added to my media gallery.
But all that did was show the original default text header only now it is in double lines. please refer to http://www.pinellasbusinessdirectory.com to see what I mean.
still no logo
The reason of style rule not working.
header embeded style rule conflict at your site
a:link,a:active,a:visited,a:hover,#site-title,.h1 a{
color:#c9c9c9;
background:none;
}
then
I think need more specificity
#top #site-title{
Tests have shown that using the chrome browser, logo is made of display
Thanks Nobita. with your help I figured it out and it is now showing my Logo.
One more thing. it is centered in height on the header. how do I make it so that my logo is in the top left corner. basically just up one line.
One more thing. it is centered in height on the header. how do I make it so that my logo is in the top left corner. basically just up one line.
seem to have already solved this problem
