Home › Forums › WoodMart support forum › Change color of select word in Slider Revolution
Change color of select word in Slider Revolution
- This topic has 13 replies, 2 voices, and was last updated 3 years, 6 months ago by Elise Noromit.
-
AuthorPosts
-
May 18, 2021 at 3:48 pm #293397
meccioParticipantHow can I make select words of different colors in Slider Revolution?
For example, let’s say I want to make the word circled in red in the screenshot yellow while the rest of the text remains grey.
How would I achieve that?
Thank you!
Attachments:
You must be logged in to view attached files.May 18, 2021 at 9:31 pm #293479
Elise NoromitMemberHello,
Please refer the Slider Revolution documentation: https://revolution.themepunch.com/joomla/documentation/layer-settings/index.html#layerstyles
If you have any questions please feel free to contact us.
Best Regards
May 19, 2021 at 10:38 am #293617
meccioParticipantSorry, I just don’t get it.
I would really, really appreciate it if you guided me through it.
Besides, I believe the documentation you referred me to is actually for Joomla.
May 19, 2021 at 11:17 pm #293792
Elise NoromitMemberHello,
Please have a look at the screen: https://gyazo.com/0da34c930526ea9e2d573848a17dc5de
If you have any questions please feel free to contact us.
Best Regards
May 20, 2021 at 7:20 am #293875
meccioParticipantHello Elise,
Apparently I did not explain what I needed clearly enough.
By following your example in the video, the entire text would change color. What I’m trying to do would be for example to make “2018” red, while “WoodMart Minimalist” is still black.
Please let me know if it makes sense now.
Best regards.
May 20, 2021 at 4:16 pm #294111
Elise NoromitMemberHello,
Please provide your site admin access to the private area.
Please advise the slider title.
Best Regards
May 21, 2021 at 1:18 pm #294400
meccioParticipantIs it too complicated to explain?
The reason why I’m asking is because I need to be able to make those changes myself in the future.
So, if I gave you a test slider I would then have to reverse engineer what you did.
I would really appreciate it if you could provide a video like the one above where you make the same line of text of two different colors, eg. in your video: Woodmart = black, 2018 = red.
Let me know if that’s doable and convenient enough for you.
Thanks in advance Elise.
May 22, 2021 at 9:03 am #294619
Elise NoromitMemberHello,
Take the word you want to change, wrap with the
span
assign the class to the span and assign the custom CSS.Best Regards
May 22, 2021 at 9:16 am #294626
meccioParticipantThanks for your reply.
Can you further explain where I should assign the class to the span and assign the custom CSS?
May 22, 2021 at 7:13 pm #294711
Elise NoromitMemberHello,
Please provide the credentials I will do it. This correspondence may take pages. This customization would take 5 minutes.
Best Regards
May 22, 2021 at 9:37 pm #294725
meccioParticipantThe slider name is “Test slider”
please make the word “Italia” the following color #009ECC
Once you do so, please tell me where you assigned the class to the span
and how you assigned the custom CSS.So I can change it or just get rid of it.
Regards
May 24, 2021 at 7:42 am #294923
Elise NoromitMemberHello,
If you want to do the same in the future, here is the screen on how to wrap the word in span: https://gyazo.com/2106f2919b8f99822a1b38293a1f4736
Il primo e unico <span class="custom_color_sl">CBD</span>
custom_color_sl
is the class.body span.custom_color_sl{ color:red; }
Set the color you need.
If you need different colors, wrap each word with a span, then create a new class and you will get the Custom CSS, add it to the Theme Settings > Custom CSS.
Best Regards
May 24, 2021 at 1:21 pm #295030
meccioParticipantThank you Elise, that’s all I needed!
Regards
May 24, 2021 at 9:39 pm #295098
Elise NoromitMemberWe are always happy to help you, write to us when you have any difficulties or issues with our theme.
We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service
Thank you in advance
-
AuthorPosts
- You must be logged in to create new topics. Login / Register