Navigation menu text color, hover color etc.

  • Resolved nemanjadzakula

    (@nemanjadzakula)


    9 years, 5 months ago

    Ok, as the title says. This is my final question for now, and I can get this theme going online soon. 😀 And I must say I very like it, I bought full version, Im very satisfied. 🙂

    1) So, how to change text color in navigation menu, I want it black, and blue when hovered and selected.
    2)Also is it possible, (I know it is :)) to move blue line from bot of navigation titles, at top?
    3)Hover background color in navi menu

    Thank you!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    9 years, 5 months ago

    Add this to your custom CSS:

    1)

    .navigation-main a {
color: black;
}

.navigation-main li.current_page_item > a, .navigation-main li:hover > a {
color:blue;
}

    2)

    .navigation-main li.current_page_item {
border:none;
}

    3)

    .navigation-main li:hover {
background-color:#f1f1f1;
}

    Theme Author Kaira

    (@kaira)

    9 years, 5 months ago

    Thanks @icaleb… appreciate the help.

    Thread Starter nemanjadzakula

    (@nemanjadzakula)

    9 years, 5 months ago

    And the color of header would be?

    Its just too much of white there 🙂

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    9 years, 5 months ago

    White is not necessarily a bad thing;)

    But here you go:

    .site-header .header-bar, .header-bar-inner, .site-header-one .site-header-right {
	background-color: #f1f1f1;
}
    IllinoiZ

    (@illinoiz)

    9 years, 5 months ago

    Is there a way to do the same with the social media icons? To change the hover color to blue, I mean. Any help would be appreciated!

    Theme Author Kaira

    (@kaira)

    9 years, 5 months ago

    Yes there is, you can add the following to your custom CSS input:

    .fa-envelope-o:hover {
    color: #006cc9;
}

    and here’s the class names for all the icons:
    .fa-envelope-o:hover (email icon)
    .fa-skype:hover
    .fa-facebook:hover
    .fa-twitter:hover
    .fa-google-plus:hover
    .fa-youtube:hover
    .fa-instagram:hover
    .fa-pinterest:hover
    .fa-linkedin:hover
    .fa-tumblr:hover
    .fa-flickr:hover

    http://www.colorpicker.com/

    Hope that helps 🙂

    IllinoiZ

    (@illinoiz)

    9 years, 5 months ago

    THANK YOU!! That was super fast. Excellent theme!

    Theme Author Kaira

    (@kaira)

    9 years, 5 months ago

    Awesome!

    Please give us a rating if you don’t mind 🙂
    https://wordpress.org/support/view/theme-reviews/albar

    IllinoiZ

    (@illinoiz)

    9 years, 5 months ago

    I gave a great rating yesterday!
    Hoping you can help me again today. I’d like to get rid of all the pink that appears in hovering, and also the upper header, where the word “email” is. I just added a calendar to my sidebar and even those tabs are going pink when I hover. LOL
    Is there a place in the code where I can change that permanently to #223d8a blue?

    Theme Author Kaira

    (@kaira)

    9 years, 5 months ago

    Thanks so much for the rating.

    Can you give me your email and I’ll mail you for temp login details to sort it out for you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 5 months ago

    @kaira, forward people onto your private support channels if you must but do not ask for emails* here.

    Theme Author Kaira

    (@kaira)

    9 years, 5 months ago

    @andrew Ok no problem. will do that from now on.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Navigation menu text color, hover color etc.’ is closed to new replies.