Docs

[Haunn_Admin]

Hi there!

On these pages:

http://haunn.ca/our-unique-approach/

in the “family legacy” and “social capital legacy” section (bottom of the page). Hover and active text is red.

http://haunn.ca/resources/

If you hover over the vlog thumbnail. Thumbnails and texts become red also.

How do I change those hover and active colors to dark blue: #050037 ?

Thank you in advance!

[Haunn_Admin]

This reply has been marked as private.

[Thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

#cs-content .x-nav-tabs > .active > a, 
#cs-content .x-nav-tabs > li > a:hover, 
#cs-content .x-nav-tabs > .active > a:hover,
#cs-content .x-recent-posts a:hover .h-recent-posts {
    color: #050037 
}
#cs-content .x-recent-posts .x-recent-posts-img:after {
    background-color: #050037;
}

Hope it helps 🙂

[Haunn_Admin]

thank you for your quick answer!

I tried it but it didn’t work

I identified a “red color” in the source code that could potentially be the issue: #ff2a13

The code you just sent is very similar.

is there something else I can try?

[Christopher]

Hi therte,

Please update your coede to :

 #cs-content .x-nav-tabs > li > a{
    color: #272727;
}
#cs-content .x-nav-tabs > li > a:hover, #cs-content .x-nav-tabs > .active > a, #cs-content .x-nav-tabs > .active > a:hover {
    color: #050037;
}

Hope it helps.

[Haunn_Admin]

It didn’t affect it

should I remove something also? it seems to get override

[Jade]

Hi there,

Please replace the codes that are currently in your custom CSS to:

@media (max-width: 1025px) {
  body .x-nav-wrap.desktop {
      display:none;
  }

  body .x-nav-wrap.mobile {
     display:block; 
  }

  body .x-nav-wrap.mobile.collapse {
     display:none;
  }

  body .x-nav-wrap.mobile.collapse.in {
     display:block !important;
  }

  body .x-btn-navbar {
      display: block;
      float: right;
  }
}

#cs-content .x-nav-tabs > .active > a, 
#cs-content .x-nav-tabs > li > a:hover, 
#cs-content .x-nav-tabs > li > a:hover, #cs-content .x-nav-tabs > .active > a, #cs-content .x-nav-tabs > .active > a:hover {
    color: #050037 !important;
}
#cs-content .x-recent-posts a:hover .h-recent-posts {
    color: #050037 !important; 
}
#cs-content .x-recent-posts .x-recent-posts-img:after {
    background-color: #050037 !important;
}
#cs-content .x-nav-tabs > li > a{
    color: #272727 !important;
}

Hope this helps.

[Haunn_Admin]

Thank you very much that works!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts