I was wondering if you could provide me with the CSS to adjust the size of the Link Mouse Indicator for the split line heading feature. I'd like to be able to change the size of both the circle and the arrow inside. If you could provide the CSS, I can play around with the different sizing options.
No, it's the arrow that appears over Tom Bishop's name if you hover over it. It's the same one that I provided in the screen shot in my first message. Here it is 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):
Yes, I was referring to Additional CSS > Customize, which is what I think Tahir means by "live browser", correct? If so, what is the difference between adding the code there vs in the Salient General Settings > CSS/Script Related area?
Hello again!
I was wondering if you could provide me with the CSS to adjust the size of the Link Mouse Indicator for the split line heading feature. I'd like to be able to change the size of both the circle and the arrow inside. If you could provide the CSS, I can play around with the different sizing options.
Image below for reference.
Hey Ramit,
Thank you for reaching out to us.
To clarify are you referring to the circle and arrow that is in the screenshot below?
I can't seem to see the section on the page you have shared.
We look forward to your reply.
Thanks,
Hi Andrew,
No, it's the arrow that appears over Tom Bishop's name if you hover over it. It's the same one that I provided in the screen shot in my first message. Here it is again ...
Thanks!
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-view-indicator { width: 54px !important; height: 54px !important; } body .nectar-view-indicator span{ line-height:54px !important; }Thanks
ThemeNectar Support Team
Sweet! Thanks, Tahir!
Just curious: what's the difference between writing the CSS in the live browser vs in the Salient General Settings section?
Hi Ramit,
Thanks for writing back.
By live browser you mean the Additional CSS on Customize?
Please clarify.
Thanks.
Hi Judith,
Yes, I was referring to Additional CSS > Customize, which is what I think Tahir means by "live browser", correct? If so, what is the difference between adding the code there vs in the Salient General Settings > CSS/Script Related area?
Thanks!
Hi Ramit,
Thanks for writing back.
There is not much of a difference. The css added on both sections takes effect as it should on the site.
Please feel free to write to us in case of any other queries.
Warm Regards.
Great. Thanks Judith!