Creating Gradient Text Styles in Blocs 5

In this informative video lesson, I will guide you through the process of adding a vibrant and eye-catching gradient color style to text.

First, select the text you want to style and wrap it in a span tag. Next, use the Inspector located in the right sidebar to add a custom class to the span. Open the custom class you just created and navigate to the Background tab. Here, you can select the gradient option from the dropdown menu and specify the colors you want. It's important to change the Clip setting to "Text" in order to ensure the gradient color only affects the text and not the surrounding elements.

Additionally, don't forget to visit the Typography tab in the class editor and set the opacity for the typography color to "0". This will ensure that the gradient colors are vibrant and beautiful. With these simple steps, you'll be able to add a stunning gradient color style to your text and elevate the visual appeal of your website.

Course Curriculum

22 lessons, 2 hours 38 minutes

1. Overview

TXT

2. Planning

TXT

3. Project Setup

6 mins

4. Typography Setup

9 mins

5. Colors Setup

4 mins

6. Menu Setup

12 mins

7. Buttons Setup

8 mins

8. Preparing Images

6 mins

9. Landing Page

12 mins

10. Card Design

9 mins

11. Call to Action Section

6 mins

12. Gradient Text

3 mins

13. About Page

3 mins

14. Projects Grid

6 mins

15. Project Page

12 mins

16. Contact Page

10 mins

17. Footer

9 mins

18. Animations

14 mins

19. On-Site SEO

13 mins

20. Optimization

12 mins

21. Publishing

4 mins

22. Review

TXT

0. Resources

11 MB

Your Instructor

Eldar Gezalov

A designer and trainer, who for the past 10 years has been helping people use Blocs app to make websites without writing any code.

eldar mateo
blocs 5 icon

Trusted By The Blocs Team

norm sheeran

Norm Sheeran

Blocs Website Builder,
Founder and Director

“Eldar is an invaluable member of the Blocs community. With exceptional expertise in Blocs, he guides you step-by-step in building a polished, professional website from the ground up—no coding required.

With Eldar's expert guidance you can take your web design skills to the next level and learn how to create stunning, code-free websites."

norm sheeran

Helen Sheeran

Blocs Website Builder,
Director

“I am constantly amazed by the dedication and expertise Eldar brings to the Blocs community.

His tutorials are exemplary in clarity and creativity. They break down complex concepts into accessible steps that empower Blocs users of all skill levels to create stunning, professional-quality websites with ease.”

What Blocs Users Say

Read a testimonial letter from Frank.

"This wonderful guy has created a series of videos (many free) which cover every aspect of Blocs in simple to understand examples. I promise he’s not paying me to write this, but I like many are indebted to him for the hours he has spent helping others."

- David

"The best website to learn how to use Blocs. Eldar cares to help you if you have problems with the templates.

If you subscribe you will not regret it. It includes a large number of sample templates. 100% recommended"

- Wardiam

"The best place to learn virtually all there is to know about Blocs for beginners.

And what better teacher than Eldar himself who spares nothing to make sure you are on the right track from step one through to intermediate."

- Sabina

"What sets Eldar apart from other developers is his amazing customer service, attention to detail and his genuinely positive way of interacting with his customers."

- Lee

"It is definitely worth the money if you want to learn Blocs quickly and efficiently, not to mention the many tips and tricks that Eldar has built into his lessons."

- Ive

"If you are looking for an in-depth course on how to get the most out of Blocs, I highly recommend Blocs Master Course." 

- Arno