Adding CSS Gradient Background from gradient generator.

Solved
hansen
New Member
3 0 0

I am trying to get this on all of my pages but only staying on home page? code works just on home page tho

0 Likes
Jasoliya
Shopify Expert
4133 569 1000

Hi @AlohaAmerica20 

Add this css to asset->theme.scss file at bottom

  body{background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);}

Note: you have to change gradient color  

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
hansen
New Member
3 0 0

thank you so much for your help!

0 Likes
aribaril97
New Member
5 0 0

Hi! how do you do this on the product page? or the entire website.

0 Likes
Jasoliya
Shopify Expert
4133 569 1000

If you want on whole site add this: add in Asset->theme.scss or theme.css file at bottom 

body{background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);}

 

if only want on product page , do that:

add in layout->theme.liquid before </body>

{% if template contains 'product' %}
<style> body{background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);} </style>
{% endif %}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
aribaril97
New Member
5 0 0
Hi!

I wanted my collection page like this but I cannot get it (linked below)

https://tyrell.shop/collections/all


0 Likes
Jasoliya
Shopify Expert
4133 569 1000

I can see its working fine. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
aribaril97
New Member
5 0 0
But it did not work for my shop.

That is another shop I wanted it to be like


My shop is www.riellibrand.com
0 Likes
Jasoliya
Shopify Expert
4133 569 1000

They have image in background not color. so you want image in background ?

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
aribaril97
New Member
5 0 0
Sure, how is it possible?
0 Likes