WordPress.org

Forums

Twenty Thirteen
Change colour of font on menu tab when hover (12 posts)

  1. Jane Milburn
    Member
    Posted 1 year ago #

    I have tried lots of tips found online, however I still have not found the answer. How do I change the colour of the font in the menu tabs when hovering? I am using Twenty Thirteen child theme and the site is plinthart.com
    Many thanks in advance.

  2. alchymyth
    Forum Moderator
    Posted 1 year ago #

    adding this to your custom CSS might work:

    .navigation a:hover { color: pink; }

  3. Jane Milburn
    Member
    Posted 1 year ago #

    Then you for replying. Unfortunately it did'nt work. I think i've messed up somewhere as I have been having some problems getting the site looking how I want it. I have posted in the twenty thirteen forum:-
    http://wordpress.org/support/topic/css-code-for-twenty-thirteen-child-theme?replies=1
    I will not be offended if you do not reply:)

  4. Jane? Please do not create duplicate topics like that. I've deleted the new post, duplicates make it hard to support you.

    Then you for replying. Unfortunately it did'nt work.

    How did you add that CSS to your site? And can you post a link to your site?

  5. Jane Milburn
    Member
    Posted 1 year ago #

    I am sorry. I copied your code and pasted it into CSS Stylesheet Editor. I do have a child theme.
    plinthart.com

  6. That's a nice looking site. ;)

    Try appending that CSS to this file wp-content/themes/twentythirteen-child/style.css right after the import line.

  7. Jane Milburn
    Member
    Posted 1 year ago #

    Thank you, It seems quite a lot of work to have very little on a site. I do feel stupid, but I don't know what that means.

  8. Jane Milburn
    Member
    Posted 1 year ago #

    Just trying to work it out. Do I do this through FTP or CSS Stylesheet Editor?

  9. Jane Milburn
    Member
    Posted 1 year ago #

    I have done the following and think I put it in the right place?
    /*
    Theme Name: twenty thirteen child
    Theme URI: http://wordpress.org/themes/twentythirteen
    Description: twenty thirteen child theme
    Author: jane
    Author URI: http://plinthart.com
    Template: twentythirteen
    Version: 1.0.0
    */
    @import url("../twentythirteen/style.css");
    /* =Theme customization starts here
    -------------------------------------------------------------- */
    .navigation a:hover { color: #808080; }

  10. Jane Milburn
    Member
    Posted 1 year ago #

    It does not work?

  11. stephencottontail
    Member
    Posted 1 year ago #

    Your selector wasn't specific enough. Try:

    .nav-menu li a:hover { color: #808080; }

  12. Jane Milburn
    Member
    Posted 1 year ago #

    That's great thank you, I can now change sub menu names colour but it does not change the block of colour that appears when the name is hovered over (an orangy colour at the moment)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic