Color/Font Change for Menu Item

Discussion in 'BlackBird WordPress Theme' started by metafitness, Jun 17, 2013.

  1. metafitness

    metafitness New Member

    Joined:
    May 9, 2013
    Messages:
    13
    Likes Received:
    0
    How can I make a page on the menu appear differently in regards to color and font than the other menu items?
     
  2. metafitness

    metafitness New Member

    Joined:
    May 9, 2013
    Messages:
    13
    Likes Received:
    0
    Also, is there a way to change the background/foreground color for a particular page while keeping the remaining pages the same as one another?
     
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  4. metafitness

    metafitness New Member

    Joined:
    May 9, 2013
    Messages:
    13
    Likes Received:
    0
    my website is metafitnessonline.com. All of the text menu items on the navigation bar are one color. I am going to add an additional menu item but I would like it to be a different color and font. How do I go about accomplishing this.

    Just as well, on our site, you can see that our background has a black honeycomb background and a gray textured background for the body. I want to change the color of the black honeycomb background and possibly the body background color as well just for the new page I am building.
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1.For your first issue

    Please add the extra menu for which you want a different color after that inform us we will provide you code for that.

    2.For your second issue

    All pages of your site sharing same background therefore it is not possible to change background for new pages.
     
  6. metafitness

    metafitness New Member

    Joined:
    May 9, 2013
    Messages:
    13
    Likes Received:
    0
    I have added it but right now I have it private until I have the page ready to go. It is called Healthy Engagements. In case you need this, it is <li class="page_item page-item-394">.
     
  7. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
     li.page_item.page-item-394 a{
    color:red!important;
    font-family:harrington!important;
    font-size:20px!important;
    }
     

Share This Page