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


2. Planning


3. Project Setup

6 mins

5. Colors Setup

4 mins

6. Menu Setup

12 mins

7. Buttons Setup

8 mins

9. Landing Page

12 mins

10. Card Design

9 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


0. Resources

11 MB

The magically fast way to create websites in Blocs

Supercharge your web design workflow in Blocs 5.

blocs library-hero

What Blocs users say about Blocs Master

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