I’ve been trying to change the colour of the word ‘Power’ in my homepage revolution slider to blue. I’ve added html in the text editor to do this. Although I see the colour change in the back end editor, I do not see it take effect in the front end or preview. Can anyone spot anything obvious that is stopping the word changing or forcing it stay as white? All help appreciated. Thanks. (FYI – Rev slider support have sent me back to the theme support, but theme support cannot figure it out)
The page I need help with: [log in to see the link]
I’m sorry that you’re being sent from support to support here. Apparently some people don’t know how to do simple things. I see that the RevSlider inserts the letters one by one. There is even an element around the individual words. What I don’t see is any form of coloring that you want set.
Theoretically you could also use custom CSS. With
.rs_splitted_lines:nth-child(1) span .rs_splitted_words > div { color: blue; }
the word “power” would be colored blue. However, this only works as long as RevSlider does not change anything in the output HTML code.
I think a clean solution should come from RevSlider. If they can’t fulfill your wish, I would recommend you to look for another slider. The view you have would also be possible with a block theme or in Elementor. You are currently using The7, a commercial theme about which I can’t say whether they have their own slider.
FYI – Rev slider support have sent me back to the theme support,
Just FYI: The7 bundles a copy of the Slider Revolution plugin with their theme. If this is what you’re using and you don’t have your own license for the plugin, then your theme’s author is to provide all plugin support and updates — the Slider Revolution folks won’t provide any assistance to you at all.
@ahnuhmannathly – thank you, however, still the same results unfortunately. It shows blue in the rev slider editor, but not when I save and look front end.
@threadi – out of curiosity, which part of of your code (below) targeted the word ‘Power’ in particular. So I know what to change when using this code again.
The structure of the HTML code is decisive for this. I have looked at where the word is and which classes in the elements around it are so unique that you can “hit” the word. There is no class or unique feature with which it can be styled, hence my hint to the possibility that this will no longer work as soon as the HTML code is different.
Viewing 7 replies - 1 through 7 (of 7 total)
The topic ‘Revolution Slider: Change colour of one word’ is closed to new replies.
