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,234Andrew 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 321Noah 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. 16Soluforyou repliedJuly 4, 2023 at 10:58amHi Noah, no, that did not work, unfortunately. See screenshots and linkhttps://soluforyou.com/ 321Noah 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. 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 321Noah repliedJuly 4, 2023 at 12:54pmHi there,We adjusted the CSS.Could you check on this?Thanks. 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.
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.
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.
Hi, thanks for checking it. it's now great, have a great day!