How can I change my website's color to gradient?

How can I change my website's color to gradient?

ghader
New Member
5 0 0

any help, please!

I want to change my all website page's color to make them gradient colors like the pic I attach, anybody can help me how I can edit the code to make it possible I gradiantgradiantspent too much hours trying do this  

Replies 8 (8)

Sajeel
Shopify Partner
272 31 26

share your store url

ghader
New Member
5 0 0

what is that mean?

which url?

AvadaCommerce
Shopify Partner
3879 840 999

Hi @ghader ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/themeRtl.scss.css->paste below code at the bottom of the file:

body {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 33%, rgba(0,212,255,1) 100%);
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
ghader
New Member
5 0 0

I couldn't find themeRtl.scss.css,, I am using basel theme

can you tell me where I should put this code?

Sajeel
Shopify Partner
272 31 26

@ghader just click on Action -> edit code then you will see all files on left side go to assets folder there you will see this file  themeRtl.scss.css

ghader
New Member
5 0 0

no there is no file named like this

AvadaCommerce
Shopify Partner
3879 840 999

Hi @ghader ,

 

You can try find file "theme.liquid" -> Then, find "</body>" and add below code before </body>:

<style>
body {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 33%, rgba(0,212,255,1) 100%);
}
</style>

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned