40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Styling CSS

This topic contains 5 replies, has 3 voices, and was last updated by  Guust 7 years, 6 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • April 25, 2017 at 4:27 pm #375322

    Marcus Conway
    Expired Member
    Post count: 126

    Hi,

    I am trying to set one of my nav links to be green and white on hover and then white when selected but have got stuck in novice CSS hell 🙂

    Here is my code (first bit was good, second bit not so good…)

    #menu-item-2588 a{
    color:YellowGreen !important;
    }

    .menu-item-2588 a:hover{
    color:#FFFFFF; !important;
    }

    April 25, 2017 at 8:14 pm #375364

    Paolo
    Site Admin
    Post count: 31206

    change:

    color:#FFFFFF; !important;

    to

    color:#FFFFFF !important;

    You need to remove the semicolon from after the white hex code.

    Thanks

    April 25, 2017 at 8:24 pm #375366

    Marcus Conway
    Expired Member
    Post count: 126

    Great thanks,

    The code is now

    #menu-item-2588 a{
    color:YellowGreen !important;
    }

    .menu-item-2588 a:hover{
    color:#FFFFFF !important;
    }

    But it still refuses to co-operate 🙂

    April 25, 2017 at 8:50 pm #375372

    Paolo
    Site Admin
    Post count: 31206

    Where are you adding the css? If you provide a link where I can inspect the page, that will help too.

    Thanks

    May 7, 2017 at 6:55 pm #377322

    Marcus Conway
    Expired Member
    Post count: 126

    I answered this myself I needed #menu not .menu

    Can be closed – thanks

    May 7, 2017 at 10:01 pm #377332

    Guust
    Moderator
    Post count: 29970

    Thanks for answering 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount