WordPress.org

Ready to get started?Download WordPress

Forums

Edit Menu colour and background cover (2 posts)

  1. Omy
    Member
    Posted 1 year ago #

    Howdy,

    Using Pagelines Lite (free version) just to try it out and see if it's a fit for my needs. I have spent 6 hours trying to figure out how to change the navigation bar's background colour, font, and hover font.

    I know that i have to use css for this and have followed all the tutorials this gal can find and tried several versions of it.

    The last one being (i erased the other attempts)
    .navigation_wrap {
    border-bottom: 1px solid #bcbcbc !important;
    background-color: #e8ecef !important;
    }

    /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND (NO HOVER) */
    .main-nav li a {
    background-color: #e8ecef !important;
    color: #3f95c7 !important;
    }

    /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND ON HOVER */
    .main-nav li a:hover {
    background-color: #ffffff !important;
    color: #ff9c00 !important;
    }

    /* TO MAKE THE ACTIVE MENU APPEAR LIKE THE REST */
    .main-nav .current-menu-item a, .main-nav .current-menu-item ul li a:hover {
    background-color: #ffffff !important;
    color: #ff9c00 !important;
    }
    .main-nav .current-menu-item ul li a {
    background-color: #e8ecef !important;
    color: #3f95c7 !important;
    }

    If you are an all knowing guru, I would most delightfully welcome an insight and offer much appreciation and even web hugs.

    Here is the beginnings of my site. It still needs oodles of work, I know.
    http://www.omygoodnessgranola.com

    THank you,
    Hope your day is lovely,
    Natalie

  2. Omy
    Member
    Posted 1 year ago #

    Shoot, forgot to mention that I am trying to make the background transparent (which is not changed in the above code, I know).

Topic Closed

This topic has been closed to new replies.

About this Topic