Menu text color change and site title image question

  • Unknown's avatar
    cloudmarla · Member ·

    I have two questions that I just can’t seem to answer:

    Blog: http://alphanovember5.wordpress.com
    1) I need to change the color of the menu text under the image from white/grey to a darker grey and black. i’ve looked in Firebug and just can’t seem to get the right bit of code to make this work. The hover colors are just fine.

    2) Is there a way to have the image in the site title sit to the left of the text, not above it?

    Thanks for your help!

    -Marla

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

  • Unknown's avatar
    timethief · Member ·

    Please note that as your blog is set to private we cannot see it. We cannot see which theme you are using and that makes it difficult to offer you any help.

  • Unknown's avatar
    cloudmarla · Member ·

    I’m using the twenty ten theme.

  • Unknown's avatar
    timethief · Member ·

    Thanks for supplying that information. There is no official Staff support for the CSS upgrade, and precious little Volunteer support, please be patient and consult tutorials found here > http://en.support.wordpress.com/custom-css/#css-help while waiting for a Volunteer to help you. :)

  • Unknown's avatar
    thesacredpath · Member ·

    1. For the menu text colors.

    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
color:#FFFFFF;
}

#access a {
color:#AAAAAA;
}

#access li:hover > a, #access ul ul:hover > a {
color:#FFFFFF;
}

    2. Have no idea what you are asking. The site title sits above the image (as does the tagline) on the standard theme layout and without being able to see what you are talking about, I can’t offer a solution.

  • Unknown's avatar
    cloudmarla · Member ·

    Thanks for #1.

    I’ll see if I can make sense of #2 for you. I have an image I would like to place to the left of the site title. The code I have now is:

    #site-title a {
    color:#b3a782;
    font-family:georgia;
    font-size:1.3em;
    }

    #header {
    background:url(‘//www.kumulusbetadev.com/kumulus4/images/logo.png’) no-repeat left;
    }

    Right now that image (46×38) is above the site title text. Is it possible to have the image and the text all on the same line or do I need to make one graphic with pic and text to do that?

    Thanks again for taking the time to help.

  • Unknown's avatar
    thesacredpath · Member ·

    You want to put the image as a background into #site-title a as follows and add some left padding to move the text over to the right a little.

    #site-title a {
background:url("https://www.kumulusbetadev.com/kumulus4/images/logo.png") no-repeat scroll left 0 transparent;
padding-left:60px;
}
  • Unknown's avatar
    cloudmarla · Member ·

    Worked perfectly!

    Thanks for the help!

  • Unknown's avatar
    thesacredpath · Member ·

    Since I can’t see the blog, you will need to take the two declarations I have under #site-title a and put them into that selector in your CSS.

  • Unknown's avatar
    thesacredpath · Member ·

    You’re welcome. You can play with the padding to move the text closer or further away from the image.

  • The topic ‘Menu text color change and site title image question’ is closed to new replies.