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…

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?

Hi @KYG You can add gradient color in background by this css: #your_menu_id{ background-image: linear-gradient(red, yellow, green);} You have to change id base on your menu code. you can also change color

I followed the directions and I went from a dull grey background to a beautiful Gradient!!! Thank you so much Jasoliya! You are very much appreciated! Let me know what you think of it! LINK BELOW www.alohaamerica.us

Its looking good now what do you want to do?

I would like to test some different color gradients I think! Would I make those changes via the HTML theme.liquid code? or in the css.liquid file?

Adding CSS Gradient Background from gradient generator.

Store Design

KYG November 27, 2019, 1:51pm 14

How can I add bottom-border 1 px to the navigation menu? My header and body
are white and when I scroll down I can’t distinguish them?

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