Home Forums Arnold HTML Theme Add nav menu hover style to other links

This topic contains 1 reply, has 2 voices, and was last updated by  BWSM 1 week, 6 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #17961

    snw1407
    Participant

    I am looking to get the line-through transition style on other links that I create in the page builder. I am sort of familiar with CSS but can’t seem to figure out what class or id might be triggering that effect. Curious if it’s something more complex than this. Thanks in advance!

    #17962

    BWSM
    Keymaster

    Hi,

    You could add the className like thought: <a href="#" class="thought">xxx</a>
    the CSS codes is:

    a.thought:after {
        content: '';
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: -1px;
        border-bottom: 1px solid currentColor;
       transition: all .5s;
    }
    a.thought:hover:after {
        opacity: 1; 
        transform: translateY(-50%);
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    • This reply was modified 1 week, 6 days ago by  BWSM.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!