How can I add a white to pink gradient to my Dawn theme footer?

Shopify Discussion
1

I am trying to get a gradient on my footer but I’ve gone to a lot of the Shopify discussions and I’ve tried all the solutions but none of them work for me. I am using the Dawn theme and I want to create a white to pink gradient in my footer. Can anyone help me with this.

1 Like
2

Hi @Nirmine1111 ,

Can you provide link to the store?

1 Like
3

Hello @Nirmine1111 ,

I understand you are looking to add gradient color in your footer section background.

Please follow the following steps -:

  1. Go to Online Store - Themes - Click on three dots - Edit code.

  2. Next, Open the section-footer.css file https://prnt.sc/iuS-Bg9-coWV

  3. Now add the below mentioned CSS code in this file and save https://prnt.sc/WAv-D60Staw1

.footer {

background-image: linear-gradient(white, pink);
}

[Please feel free to change the gradient color as per your requirements.]

Output will be like this => https://prnt.sc/rZDi0SfaAlNt

I hope these steps help you.

Please let me know if you have any query.

Thank you.

4

@Nirmine1111 Please follow the below steps to change the footer background to gradient color. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.

  2. Click “Customize” button from the current theme.

  3. Click footer section and paste below code like in the attached screenshot.

footer {
  background: linear-gradient(45deg, #ffffff, #ffc0cb) !important;
}

Vinsinfo_0-1712156882347.png
Vinsinfo_0-1712156882347.png333×566 19 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

5

Yea sorry guys. I got a very easy solution that I was able to do. i just downloaded a free app called smind and they have like 500 custom sections that you can use and the footers have custom settings then shopify so I was able to easily make it gradient!

1 Like