Okay
  Public Ticket #3406009
Call to action buton
Closed

Comments

  •  16
    Soluforyou started the conversation
    July 3, 2023 at 4:18pm

    Hi there. Visually the arrow in Salient is misplaced, see screenshot. Is this a bug? See the red line where your eye would expect it.

  •  3,234
    Andrew replied
    July 3, 2023 at 4:40pm

    Hello there,

    Thank you for getting back to us.

    Add this into the Custom CSS box in your Salient Theme Options panel:

    .page-id-2 .nectar-cta .link_wrap .arrow:before {
  margin-top: -22px;
}
.page-id-2 .nectar-cta .link_wrap .link_text:after{
  margin-top: -20px
}

    Thanks


  •  16
    Soluforyou replied
    July 4, 2023 at 10:12am

    Hi Andrew, thanks.

    It works from a glance, but on hover it looks weird. Can you improve the CSS?
    https://soluforyou.com/

    Again.. very weird this default button needs CSS I must say

  •  321
    Noah replied
    July 4, 2023 at 10:21am

    Hi there,

    Can you try the following CSS:

    .nectar-cta[data-style=see-through] .link_wrap .arrow:after{
    margin-top:-23%;
}

    Add it to after the CSS we gave you in previous message.

    Thanks.
    Noah.

  •  16
    Soluforyou replied
    July 4, 2023 at 10:58am

    Hi Noah, no, that did not work, unfortunately. See screenshots and link
    https://soluforyou.com/


  •  321
    Noah replied
    July 4, 2023 at 11:59am

    Hi there,

    We added a CSS class to that one call to action. Then re-wrote the CSS to this:

    .nectar-cta.special_cta .arrow:after{
    margin-top:-5px !important;
}
.nectar-cta.special_cta .arrow:before,.nectar-cta.special_cta .link_wrap .link_text:after{
    margin-top:-55% !important;
}
.nectar-cta.special_cta[data-style=see-through] .link_wrap:hover .arrow:after{
    margin-top:-15% !important;
}

    The hover effect on the Read all the stories Call to Action seems to be fine.
    Please check on your end.

    Noah.

  •  16
    Soluforyou replied
    July 4, 2023 at 12:40pm

    Hi there, the button is a bit better, but as you can see the arrow is visually not centered: its visually placed to low

  •  321
    Noah replied
    July 4, 2023 at 12:54pm

    Hi there,

    We adjusted the CSS.
    Could you check on this?

    Thanks.

  •  16
    Soluforyou replied
    July 4, 2023 at 2:13pm

    Hi, thanks for checking it. it's now great, have a great day!