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

Store Design
1

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

gradiant
gradiant1896×672 200 KB

spent too much hours trying do this

2

share your store url

3

what is that mean?

which url?

4

موقع حاجاتي لبيع كل احتياجاتك الشخصية والمنزلية احيتاجات الطفل والمرأة– Hajate

5

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.

6

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

can you tell me where I should put this code?

7

@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

8

no there is no file named like this

9

Hi @ghader ,

You can try find file “theme.liquid” → Then, find “” and add below code before :

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