Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The topic ‘How can I make the Hotspot text colour transparent only on desktop view only?’ is closed to new replies.
I am using Enfold theme and I have a client who wants no numbers visible on desktop view but wants to retain the default mobile view where it displays a numbers in the dots and a referenced list? Can you help please.
Hey Paul,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (min-width: 768px) {
.av-image-hotspot.av-display-hotspot {
display: none;
}}
Best regards,
Yigit
Thanks for your reply… but that has made them disappear altogether – I just want the text in the middle to not display. So it appears as a blue dot only.
Hi,
Please replace the code with following one
@media only screen and (min-width: 768px) {
.av-image-hotspot_inner {
color: transparent!important;
}}
Best regards,
Yigit
Excellent! Top man, top theme and top support. Thank you so much.
Hey!
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit