Okay
  Public Ticket #3619439
Sit the Arrow Animation to the right of Link Text
Closed

Comments

  •  6
    Mercer_Design started the conversation

    Hi there, is there a way to get all Call to Action, Arrow Animations to sit on the right of the Link Text? I want to use the C2A function because I like this style of arrow and the animation on the arrow however it makes no sense for it to come before the text and I'd like to switch it over. How would I go about doing that please?

    Thanks!

  •  8,838
    Tahir replied

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.


    ThemeNectar Support Team 

  •   Mercer_Design replied privately
  •  8,838
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-cta[data-style=arrow-animation] .link_wrap .link_text {
        padding: 0 40px 0 0;
    }
    .nectar-cta[data-style=arrow-animation] svg {
        left: auto !important;
        right: 0px !important;
    }
    .nectar-cta[data-style=arrow-animation] .line {
        left: auto !important;
        right: 6px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  6
    Mercer_Design replied

    That's perfect 0 thank you!