Pilcrow header height and gray boxes

  • Unknown's avatar
    immcnab · Member ·

    Hello, I am trying to edit a few things in the CSS for my website (thearansas.wordpress.com) and I had a few questions that I couldn’t answer on my mine. I have my the site set to private right now but can remove it if need be.

    First, I would like to reduce the height of the header image.

    Secondly, I would like to remove the gray boxes around the text in some of my widgets and around the dates of the posts but leave the text.

    As well, wondering if it is possible to have the text on my menu be underlined.

    Thank you for you help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Post dates and grey boxes on widget content.

    .entry-meta, .widget ul {
background: none repeat scroll 0 0 transparent;
border-bottom: medium none;
}

    Text underline on nav

    #nav a {
text-decoration: underline;
}

    The header issue is going to depend on what height you want to use. Since the header image is declared in the underlying theme PHP script files, you will have to upload it to the media library and then make a background declaration in one of the selectors, but I would have to play with it to decide which selector would be best to use. There are a couple ways to do this and I can’t just “give” you the code. I have to have something to work with in order to see which solution would work the best. The current header image is 990px x 257px.

  • Unknown's avatar
    immcnab · Member ·

    You’re good. And quick. Many thanks. So do I just need to unlock for you to mess with it? The sites just not live yet so we locked it. I’m thinking I just want 1/2 the height and go with 125. Question though: would this override the featured picture function on posts and other pages?

    Also, I’ve been able to get the widget links to stay the same color when hovered over but it didn’t apply that to the main body links. I’m trying to get all text and all links across the site to be the same color with no alternate color when hovered over.

    Thanks so much for you help, its greatly appreciated.

  • Unknown's avatar
    immcnab · Member ·

    ….or maybe with the link hover I’d at least like to be able to change the color. It goes to a light blue which isn’t really in our color scheme.

    thanks again

  • Unknown's avatar
    thesacredpath · Member ·

    For the featured image (header) to work properly the header image area has to be left the same size.

    If we put a new shorter header image into the site via CSS, you will not be able to use the featured image/header thing after that.

    The hover color on links in the main body will be here:

    a:focus, a:active, a:hover {
color: #1873A1;
text-decoration: underline;
}

    The color for the non-hover/non-active body links would be here:

    a {
color: #1C9BDC;
text-decoration: none;
}
  • Unknown's avatar
    beccas18 · Member ·

    Hi I designed a custom header for my blog. http://truegypsysoul.wordpress.com/ . I used the pilcrow theme. The header is exactly 990 px x 257 px. It functions properly on my mac but not on a pc. Do you know what I can do to resolve this issue?

  • Unknown's avatar
    thesacredpath · Member ·

    The header is fine in Safari, Firefox and Opera. I don’t have a PC so I cannot check it, but I pulled your JPG off your site and it is fine so there should not be any issues.

    In the PC, try logging out, clearing the browser cache and cookies, restart the browser and then try again.

    Also, what browser and browser version is being used on the PC?

  • Unknown's avatar
    timethief · Member ·

    @TSP
    I’m using windows XP and have viewed the blog using Firefox 3.6. 17 and IE8. I do NOT witness any issues with the header display at all. It appears to be displaying normally.

  • The topic ‘Pilcrow header height and gray boxes’ is closed to new replies.