
The main principle is the same, but you need to add parameters that turn your text into a mask. Text can also have a gradient, instead of being just a solid color. Learn more about the gradient property here. prev in list next in list prev in thread next in thread List: struts-dev Subject: 28/56 abbrv struts git commit: Switch to latest bootstrap version 3.2.0.
#WEBKIT LINEAR GRADIENT CODE#
You can easily find the color code you need in the widget’s color palette. Don’t forget to delete 90deg (or other deg attributes) from your code.ĩ0deg : change it to 45deg to start the gradient from the bottom left corner or remove it completely to make the gradient start from the top of your shape. Linear-gradient: change it to radial-gradient in order to make the gradient radiate outward from a certain point. Don’t forget to replace the fragment "PASTE WIDGET ID HERE" with your widget ID from step 2.īackground: linear-gradient(90deg, #EFC4C4 0%, #94BBE9 100%) Ĥ Publish (or republish) your project: changes won’t be visible in Editor, but will appear in Preview mode and in the published version.

Open the Code Editor and paste this code into the CSS tab.Find the ID of your Shape widget, as shown here.You can add а gradient background to different widgets in Readymag: Shape, Button, Text.

First, -webkit-gradient uses a two-point syntax that lets you explicitly state where a linear gradient starts and ends. We recommend enlisting a professional web developer to work with Code Injection-Readymag support won’t be able to assist with custom code issues. You should be able to recreate most of the gradients you made with -webkit-gradient with this new syntax, but there are some changes to be aware of. With a Free plan, you can see working code in Preview mode but not in a published project.

Custom code works on all paid plans (except for the archived Creator plan).
