I would like to add a CSS gradient background generated from a website like this → https://mycolor.space/gradient3 to specific pages such as the home & product pages on the website and be able to change and edit them to different colors at will. I would also like to change the colors of certain elem…

Hi, You can change background color of home and product page by following: Add this in theme.liquid {% if template contains 'index' or template contains 'product' %} <style> body{background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bf…

Where exactly in theme.liquid do I add that code? Edit: I’m also using the Venture theme, which has both “theme.liquid” files as well as “theme.scss.liquid” files. Should this code be added into the theme.liquid file that you first mentioned or the theme.scss file. Thanks for your reply by the way…

Add this code in theme.liquid {% if template contains 'index' or 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 %} This code…

I’m not exactly sure where to add the code. Should it be added directly under the tag?

Added the code, saved it, and refreshed my theme but the changes are not showing and the background is still the same. I added you on Skype. Are you available to do a screen share over Skype so that I can show you what I’m doing?

Sure, Skype (jasoliya.brijesh). Also send me your store URL so i can check

Added you. Did you get my message?

Hello there what if I want to make a gradient color for background of the main menu? Could you please help me with the code?

Adding CSS Gradient Background from gradient generator.

Store Design

Jasoliya May 24, 2019, 6:33am 6

You can add before tag on file.

1 Like

Topic		Replies	Views
Need help with gradient background in stiletto theme Store Design design , css , shopify-themes	0	19	July 5, 2024
Changing Background color for product pages using color gradient Store Design customizations , shopify-themes , troubleshooting , product-page	5	69	July 11, 2024
Adding CSS Gradient Background from gradient generator. Store Design design , customizations , css , shopify-themes	1	60	April 24, 2024
How to give the header and footer a gradient with a theme.JS type theme Store Design troubleshooting	4	37	March 26, 2022
How can I change my website's color to gradient? Store Design	8	35	March 19, 2022

Adding CSS Gradient Background from gradient generator.

Related topics