WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to hack function.php of child theme to add custom header images (7 posts)

  1. Tara
    Member
    Posted 3 years ago #

    Sorry for asking this rudimentry question. But just don't know how to hack function.php of twenty ten child theme to add my custom header images.

    Thanks.

  2. MichaelH
    Member
    Posted 3 years ago #

    Might try the Introducing Thirty Ten - guide to creating a Twenty Ten Child Theme link under the resources section of Child Themes.

  3. Tara
    Member
    Posted 3 years ago #

    I got it, Thanks MichaelH.

    everything seems to be working fine with my child theme. Thanks for your guidance.

    One thing I have trouble with is the hove background of the Nav menu.

    This is in the parent CSS:

    #access li:hover > a,
    #access ul ul :hover > a {
    color:#fff;
    background:#333;

    In my child theme CSS, I have this:

    #access li:hover > a,
    #access ul ul :hover > a {
    color:#fff;
    /*background:#333;*/

    In other words, in my child theme, I striked out the hover background.

    But still, it showing up!!

    It's not overriding the parent CSS.

    But all other elements I have in the child theme CSS are overriding the parent CSS as expected.

    How can I get rid of the hpver background?

    Please guide. Thanks

  4. MichaelH
    Member
    Posted 3 years ago #

    You probably need to use some overriding value:
    background:#fff;

  5. Tara
    Member
    Posted 3 years ago #

    Hi MichaelH

    Thanks for the reply.

    You probably need to use some overriding value:
    background:#fff;

    I am newb to all this. where would I place tis overide value? Please give sn example. Thank you so much.

  6. MichaelH
    Member
    Posted 3 years ago #

    In your child theme CSS

  7. Tara
    Member
    Posted 3 years ago #

    Hi MichaelH,

    In my chid theme CSS, from the following element:
    #access li:hover > a,
    #access ul ul :hover > a {
    color:#fff;
    background:#333;

    When I replace "background:#333;" with the "background:#fff;" (as you suggested), then the hover background gets simply changed from "#333" to "#fff"!! That's all. The hover background #333 does not go away.

    What I want to do is get rid of the hover background. Tha's the reason I first I tried to strike out the default "background:#333;".

    But, for some reason the hover background #333 does not get striked out as it should. Is this a bug?

    Any more suggestions that will get rid of the hover background #333.

    Thanks again for your help.

Topic Closed

This topic has been closed to new replies.

About this Topic