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  SeaTheme 4 months, 1 week ago.

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

    snw1407
    Participant
    Purchased
    Supported

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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 4 months, 1 week ago by  SeaTheme.
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!