CSS help for Pilcrow theme

heybabies · Member · Apr 21, 2011 at 1:51 am
Copy link
Hi, just wondering how you removed the black lines from the header in Pilcrow? Can you get rid of them in the stylesheet? Thanks!
thesacredpath · Member · Apr 21, 2011 at 5:10 am
Copy link
This will do it. You however are left with a line at the top of the navigation. Do you want to get rid of it too?
```
#header img, #nav {
border-bottom: medium none;
}
```
heybabies · Member · Apr 21, 2011 at 3:28 pm
Copy link
Great, success. I was able to get rid of the line above the navigation as well. Thanks!
thesacredpath · Member · Apr 21, 2011 at 6:09 pm
Copy link
You are welcome.
lauralevites · Member · Apr 27, 2011 at 12:46 am
Copy link
Hey I was wondering how to put my logo, where the text is for the heading? Can you tell me how to do that please?
thesacredpath · Member · Apr 27, 2011 at 2:19 am
Copy link
First off, you can’t put a 1200 x 800 image up there. The theme isn’t even that wide. It needs to be about 60px tall and less than 990px wide. Then you upload it and do this.
```
#site-title {
background: url("URL of logo") no-repeat scroll center 0 transparent;
}

#site-title a {
display:none;
}
```
lauralevites · Member · Apr 27, 2011 at 10:13 am
Copy link
I did exactly what you told me, I cut and pasted this info, I changed the size of the logo, whats happening is that the original text is coming through the logo, I selected no text for the header and then the logo disappeared completely. Can you please help? Thank you, Laura
thesacredpath · Member · Apr 27, 2011 at 6:10 pm
Copy link
Sorry, I forgot to declare a height for #site-title which allows it to collapse when we hide #site title a. Add this to the first bit above (#site-title).

height:80px;
lauralevites · Member · Apr 28, 2011 at 3:29 am
Copy link
Its still not working, when I turn off the text, no text, when i leave the text on, it still goes through the logo. I’m sending you the stylesheet as I have it, can you please let me know what I am doing wrong. Thank you, Laura

when you put the height: 80 over then nothing happens at all, so I put it under.

#header img,#nav {
border-bottom:medium none;
}

#header {
margin-bottom:12px;
}

#site-title {
height:80px;
text-align:center;
background:url(‘http://lauralevites.files.wordpress.com/2011/04/ginger1.jpg’) no-repeat scroll center 0 transparent;
}

#pic {
background:url(‘http://lauralevites.files.wordpress.com/2011/04/press2-copy.jpg’) no-repeat scroll 0 0 red;
border-bottom:2px solid #000000;
height:497px;
margin-top:40px;
width:990px;
}

#nav ul {
font-size:14px;
list-style:none;
padding-left:0;
margin:0;
}
thesacredpath · Member · Apr 28, 2011 at 5:04 am
Copy link
You have to turn off (hide) the text. If Internet Explorer was such a pain in the you know, you could just set the text color for the title to transparent and be done with it, but IE doesn’t know what “standards” are, so we have to hide the original text. All you need to do is to add this:
```
#site-title a {
display: none;
}
```
I just added the above directly to your stylesheet via Firebug and your logo is there and the text is gone.

No items found.