Responsive text block in Elementor

Hello, I would like to create a title where I can use 2 different colors, like:
https://woodmart.xtemos.com/blog/woodmart_element/bikes-showcase-hotspots/

Before I was using WPBakery and I was able to do so using the “responsive text block module”.

How can I get a similar result in Elementor?

Also, have you created a template library for Elementor like the one for WPBakery?

Thank you.

Hello,

To achieve a different color of a specific text then you need to use the tag and then you can set the color using inline CSS for the span.

Sorry but the template library is not available for Elementor.

Regards.
Xtemos Studios

Can you give me a detailed explanation?

Can I use any text widget? Also please show where I should add the CSS.
I would really appreciate it if you showed me an example of the code as well.

Let’s say I’m trying to get “just” in the sentence below blue, how would I do so?

“This is just a test”

Hello,

You can try using the section title element and put the text you want to change the color of in the <u> tag as mentioned in the screenshot.

Screenshot for Clarification: https://prnt.sc/10wtz8j

Then you can use the following Custom CSS to change the color according to your needs.

.woodmart-title-container > u {
    color: red;
}

Best Regards.

Hello, that worked somehow, but the <u> code also underlines the word.

Please check the screenshot.

What else can I do?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try using the tag instead of and then add the following Custom CSS to style the span.

.woodmart-title-container > span {
    color: red;
}

If you are still unable then provide the admin panel login details of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Hello Aizaz, I believe you forgot to add the tag in your explanation, but I got it anyway.

Thanks for your help! It worked.

Hello,

We are Glad that your issue has been Resolved.

Most Welcome!!..

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

please, help us improve our theme and servicing by filling the following quiz
https://8uehqcg4tjy.typeform.com/to/IgyV2EiP
it won’t take more than 2 minutes of your time 🙂

Have a wonderful day.

Topic Closed.
Best Regards

[Author]

Posts