Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2017 at 11:06 am #769863
    vonwelzen

    I have a transparent header on home when I tried to change the color of the item when it is active and when you hover it. I used this css to accomplish it: 

    #top #wrap_all .main_menu ul:first-child > li > a:hover .avia-menu-text{
    color: #da334c !important;
}

    The font color changed but also the font thickness. I tried adding font-weight:bolder and font-weight:700 but this does not seem to effect the hover state.

    April 1, 2017 at 4:00 pm #770342
    Victoria

    Hey vonwelzen,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 4, 2017 at 12:37 pm #771701
    vonwelzen

    Hey Victoria, this is on a local environment.. Can I provide information some other way or do I have to put it live?

    April 5, 2017 at 8:37 am #772314
    Rikard

    Hi,

    I think we would have to see the problem in action, would you be able to upload your work to a live server somewhere?

    Best regards,
    Rikard

    April 5, 2017 at 10:34 am #772372
    Designweb

    Hello vonwelzen,

    try to set that code. Simply add in your code (font-weight: 900 !important;).

    #top #wrap_all .main_menu ul:first-child > li > a:hover .avia-menu-text{
    color: #da334c !important;
    font-weight: 900 !important;
}

    Thank you

    April 6, 2017 at 10:19 am #773062
    Rikard

    Hi,

    Thanks for the suggestion @Designweb, much appreciated :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.