socialnetworklearner
Member
Posted 1 year ago #
Hi, I've read previous posts on this forum on how to insert a logo in the header using the #logo css technique. This works, to a certain extent, but I now see the text title of the site over the logo.
How can I display the logo image only, and hide the text title?
Thanks !
http://wordpress.org/extend/themes/frisco-for-buddypress/
Fire Truck
Member
Posted 1 year ago #
to hide the text, apply
text-indent: -9999px;
to it.
like i mentioned in this post: http://wordpress.org/support/topic/theme-frisco-for-buddypress-logo-and-colour?replies=17#post-2608030
this code works perfectly. just substitute width, height, and image name for your own.
#logo a
{
display:block;
width:320px;
height:70px;
background:url(image.png) no-repeat scroll left top transparent;
text-indent: -9999px;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 0em;
border-top: 0em;
border-right: 0em;
border-bottom: 0em;
border-left: 0em;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
}
then come back here and mark this post "Resolved"
rossnmia
Member
Posted 1 year ago #
Hiya still cant get this to work but think I have inserted the code into the wrong file (doh), as a css newbie may I ask exactly where should i insert this code in which css. file please and what code should I remove (if any) Cheers
rossnmia
Member
Posted 1 year ago #
sermonmonster
Member
Posted 9 months ago #
@G, do you put this in the CSS stylesheet editor?
1. use my css code as above, and place it in wp-content/themes/frisco-for-buddypress/custom.css
2. then place your image in directory:
wp-content/themes/frisco-for-buddypress