Site title and menu hover color problem

  • Resolved ljubomir69

    (@ljubomir69)


    9 years, 4 months ago

    Only on front page hover color of site title and menu items are green (#2fbc00), on other pages except the front page site title on hover and menu items on hover (and active menu item) is blue like I set it in customizer (Colors -> Main Menu -> Text Hover/Focus Color).

    Everything I try didn’t change the color. Here is the code where I found that color, but when I change the color in code and place it in my style.css (in child theme) nothing happens.

    .transparent-header .main-header a:hover, .transparent-header .main-header .main-navigation .nav > li > a:hover, .transparent-header .main-header .main-navigation .nav > li.current-menu-item > a, .transparent-header .main-header .main-navigation .nav > li.current-menu-parent > a {
    color: #2FBC00;
}

    Did I miss something in settings or problem is somewhere else? Problem occurred after theme update. Please help!

Viewing 10 replies - 1 through 10 (of 10 total)

  • what is your site?

    Thread Starter ljubomir69

    (@ljubomir69)

    Here it is
    https://www.optiwebstudio.rs/

    You have the right line of css. Just add ‘!important’

    Wherever your custom css is being read, it’s not overriding what is already there. ‘!important’ should take care of it. Look at the css below where that line is, you will see that those have it.

    Thread Starter ljubomir69

    (@ljubomir69)

    .transparent-header .main-header a:hover, .transparent-header .main-header .main-navigation .nav > li > a:hover, .transparent-header .main-header .main-navigation .nav > li.current-menu-item > a, .transparent-header .main-header .main-navigation .nav > li.current-menu-parent > a{
color: #3CA0F0 !important;
}

.transparent-header .main-header .navbar-toggle a:hover{
color: #3CA0F0 !important;
}

.transparent-header .main-header .navbar-toggle a:hover.fa{
color: #3CA0F0 !important;
}

.transparent-header .main-navigation .nav > li.current-menu-item, .main-navigation .nav > li.current-menu-parent{
border-color: #3CA0F0 !important;
}
}

.main-navigation .nav > li:hover > a{
color: #3CA0F0 !important;
}

@media (min-width: 768px)
.transparent-header .main-navigation .nav > li.current-menu-item, .main-navigation .nav > li.current-menu-parent {
    border-color: #3CA0F0 !important;
}

    Here is the code in my style.css. Nothing happens.

    it doesnt look green anymore.

    Thread Starter ljubomir69

    (@ljubomir69)

    Cleared everything and just pasted this:

    .transparent-header .main-header a:hover, .transparent-header .main-header .main-navigation .nav > li > a:hover, .transparent-header .main-header .main-navigation .nav > li.current-menu-item > a, .transparent-header .main-header .main-navigation .nav > li.current-menu-parent > a {
    color: #3CA0F0 !important;
}

.transparent-header .main-navigation .nav > li.current-menu-item, .main-navigation .nav > li.current-menu-parent {
    border-color: #01265D !important;
}

    Now site title and menu items are blue but border-color is still green..

    try targeting ‘.home’ class

    .home.transparent-header .main-navigation .nav > li.current-menu-item, .main-navigation .nav > li.current-menu-parent {
    border-color: red !important;
}

    change color from red to whatever you want

    Theme Author pacethemes

    (@pacethemes)

    Hello

    The Menu and Hover color can be set independently for each Page Builder pages, in the WordPress page editor, below Page Builder metabox you should see Quest Page Options and all the available options, you don’t need to add/change any CSS

    Thread Starter ljubomir69

    (@ljubomir69)

    I was assuming that something else affect these colors to show but didn’t figured out what.. So many things in page builder on that page, I didn’t scroll to the bottom of the page :).
    Thanks a lot to Mr Case and theme author!

    Theme Author pacethemes

    (@pacethemes)

    Yeah, i understand the confusion. Lot of features being added to the Page Builder and Theme, but these make the Theme better ?? Please rate us if you like the theme

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Site title and menu hover color problem’ is closed to new replies.