Hello,
I would like to add gradient color like this to a text only section on the product page (Motion Theme):
This is the code that does it:
background: -webkit-linear-gradient(top, rgba(232,237,223,1) 0%,rgba(232,237,223,0) 100%);
background: linear-gradient(to bottom, rgba(232,237,223,1) 0%,rgba(232,237,223,0) 100%);
padding: 1px 20px 50px 20px;
but I don’t know where I have to put it, so it shows on the website.
When I paste it in inspect element in this “element” it works, but I cannot find it anywhere in “edit code”
Hello @itsmebob
Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi @itsmebob
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.
Hi @itsmebob ,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
#id element {
background: -webkit-linear-gradient(top, rgba(232,237,223,1) 0%,rgba(232,237,223,0) 100%);
background: linear-gradient(to bottom, rgba(232,237,223,1) 0%,rgba(232,237,223,0) 100%);
padding: 1px 20px 50px 20px;
}
With id element as the code here:
Hope it helps!
1 Like
