WordPress.org

Ready to get started?Download WordPress

Forums

Menu colour (11 posts)

  1. utdweekly17
    Member
    Posted 1 year ago #

    How do I change the menu colour of my site to red?

    http://insidesiralexfergusonstand.com/

  2. icing
    Member
    Posted 1 year ago #

    Create a child theme. Add this to stylesheet.css of the child theme.

    .main_nav ul, .main_nav
    {
    	background: red;
    }
  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You'll need to modify the CSS code -- the menu background is an image set in this CSS:

    .main_nav ul, .main_nav {
        background: url("../images/grey_menu_bg.png") repeat-x scroll center top transparent;
        border-bottom: 1px solid #DDDDDD;
        float: left;
        height: 49px;
        list-style: none outside none;
        margin: auto;
        width: 960px;
        z-index: 999;
    }

    The font color is set here:

    .main_nav ul li a, .main_nav li a {
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #FFFFFF;
        color: #404040;
        display: block;
        float: left;
        font-family: 'Gnuolane';
        font-size: 16px;
        margin: 0;
        padding: 13px 25px 12px;
        text-transform: uppercase;
    }

    But as you are using a Commercial theme, you should look to the vendor for support if you need further assistance with it.

  4. utdweekly17
    Member
    Posted 1 year ago #

    Thanks, guys. I used icing's code, which worked well, without even having to create a child theme. Only problem is, how do I change the font colour of that menu to white?

    Take a look:

    http://insidesiralexfergusonstand.com/

  5. Look at WPYogi's second block of code.

    Add it to your custom css and change the "color" hex code.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    without even having to create a child theme.

    Be aware that by doing that, you will lose all your customizations when the theme is updated.

  7. Be aware that by doing that, you will lose all your customizations when the theme is updated.

    Yep Yep... you'll hate yourself in the future when you update your theme or wordpress and see a messed-up site... losing all that css you modified.

  8. utdweekly17
    Member
    Posted 1 year ago #

    I won't update the theme, pal. thanks Josh and WPyogi.

    Two last things you guys can help me with, which are easy to modify, but this theme is making life difficult are: How do I change the post titles to the colour black? And, how do I change the text underneath that "Posted by Islam on 24 Oct 2012 / 6 Comments" to red?

    Simple things but I'm still learning. Appreciate the help guys.

  9. I used icing's code, which worked well, without even having to create a child theme.

    Consider using a plugin to insert that CSS without editing the original theme.

    http://wordpress.org/extend/plugins/custom-css-manager-plugin/

    Without doing the whole "You'll shoot your eye out kid!" routine, we really don't want you to hurt your WordPress installation. Some theme updates are serious security related updates (think Timthumb) and you should keep your theme up to date.

  10. utdweekly17
    Member
    Posted 1 year ago #

    Done, cheers, mate, can someone help me with the other queries I have.

  11. Without doing the whole "You'll shoot your eye out kid!" routine...

    Haha... Love the reference. One of my all-time fave movies!!

    @ utdweekly17,

    Post Titles:

    h3 a {
       color: #000000;
    }

    Text underneath...

    .post_detail {
        color: #FF0000;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags