Give help. Get help.

  • # March 6, 2018 at 2:50 pm

    Hi guys, throughout the site i’m dev’ing I have a class that I apply to various text tags, (p,a,h1,h2,etc.), called .cal-blue.

    I want to specify that when a link with the .cal-blue class is hovered, to dim the opacity.

    I’m currently using: .cal-blue:hover{opacity: .8 !important;} which works, but also impacts the paragraph, and heading tags throughout the site when hovered.

    I’ve messed around with .cal-blue a:hover{…} or a .cal-blue:hover{…} but that doesn’t seem to do it.


    # March 6, 2018 at 5:09 pm

    If you are applying the class to the element like such: <a class="cal-blue">your text</a>

    Then the appropriate way to target the <a> tag in this case is

    Hope this helps.

    # March 7, 2018 at 7:07 am


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.