According to WIPO (World Intellectual Property Organization), Intellectual Property refers to the creation and labor of the mind, including its fruition. It could be inventions, artistic and literary works, symbols, names, images and designs used in commerce. So, when someone came up with an epic or novel artistic creations, it can be protected in various ways and in many levels. This can be Patents, Trademarks or Copyright. But what are they exactly and how are they any different?
Gradients are a popular way to add visual interest and style to text. They can be used to create a variety of effects, from subtle to eye-catching. As of this tutorial, Elementor Pro hasn’t integrated any other visual customization to heading text or text blocks other than the usual sizing can solid colors.
In this tutorial, you will learn how to create gradient texts in Elementor Pro using simple CSS codes and without using any plugins.
Note: This tutorial assumes that you already have prior knowledge on how to use Elementor Pro. Though, you can use this tutorial in your custom website projects. Works the same.
To begin, in your Elementor production page…
selector h2 {
background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
-webkit-background-clip: text;
display: inline-block;
-webkit-text-fill-color: #00000000;
}
Your gradient text is now in effect. In cases where your gradient doesn’t work, you may need to check your selector tag. It should be selector h2 if the widget is a Heading Widget and not selector p or anything else.
Additionally, you can customize the color, direction and gradient style by manually tweaking the figures. Or better yet visit an online CSS Gradient Generator and generate gradient to your heart’s content.
Lastly, you can also apply gradient effect to your Paragraph Texts Block by following the same procedure. Just don’t forget to change selector h2 to selector p to stand for paragraph.
There are several benefits to using CSS codes to create gradient texts in Elementor Pro:
There you go. Nice and Easy. Enjoy!
Gone are the days where you can still deliberately narrow up your image size search with Google. Today, image size searches have been singled-out by Google into just Any Size, Large, Medium and Icon. There will be no way for you to input image size numerically.
This is one major dilemma of a WordPress designer who inherits a WordPress website without proper documentation and turnover. More often WordPress and Host credentials work but sometimes either or won’t work. In this case it’s the WordPress Admin User that failed to work. But fortunately, you have the hosting credentials working for you.
Have you ever tried designing a WordPress website and enjoyed its flexibility, only to encounter a hurdle where elements persist stubbornly, even when you don’t need them? Well, this is a classic example of the challenges faced with modular website builders, such as WordPress, and more specifically, the well-known theme builder, Elementor Pro.
