Comments 16Soluforyou started the conversationJuly 3, 2023 at 4:18pmHi 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,246Andrew repliedJuly 3, 2023 at 4:40pmHello 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 16Soluforyou repliedJuly 4, 2023 at 10:12amHi 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 336Noah repliedJuly 4, 2023 at 10:21amHi 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.Salient Theme Support 16Soluforyou repliedJuly 4, 2023 at 10:58amHi Noah, no, that did not work, unfortunately. See screenshots and linkhttps://soluforyou.com/ 336Noah repliedJuly 4, 2023 at 11:59amHi 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.Salient Theme Support 16Soluforyou repliedJuly 4, 2023 at 12:40pmHi there, the button is a bit better, but as you can see the arrow is visually not centered: its visually placed to low 336Noah repliedJuly 4, 2023 at 12:54pmHi there,We adjusted the CSS.Could you check on this?Thanks.Salient Theme Support 16Soluforyou repliedJuly 4, 2023 at 2:13pmHi, thanks for checking it. it's now great, have a great day! Sign in to reply ...
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.
Hello there,
Thank you for getting back to us.
Add this into the Custom CSS box in your Salient Theme Options panel:
Thanks
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
Hi there,
Can you try the following CSS:
Add it to after the CSS we gave you in previous message.
Thanks.
Noah.
Salient Theme Support
Hi Noah, no, that did not work, unfortunately. See screenshots and link
https://soluforyou.com/
Hi there,
We added a CSS class to that one call to action. Then re-wrote the CSS to this:
The hover effect on the Read all the stories Call to Action seems to be fine.
Please check on your end.
Noah.
Salient Theme Support
Hi there, the button is a bit better, but as you can see the arrow is visually not centered: its visually placed to low
Hi there,
We adjusted the CSS.
Could you check on this?
Thanks.
Salient Theme Support
Hi, thanks for checking it. it's now great, have a great day!