Shopify themes, liquid, logos, and UX
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 gradiantspent too much hours trying do this
share your store url
what is that mean?
which url?
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.
I couldn't find themeRtl.scss.css,, I am using basel theme
can you tell me where I should put this code?
@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
no there is no file named like this
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.
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025