How can I create a custom gradient for my announcement bar?

Store Design
1

Hello! :slightly_smiling_face:

I would like to ask if anyone know how to do this? My store would better suit a colorful gradient. Any help appreciated. :slightly_smiling_face:

thanks

2

hello @maxroddy

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

3

@maxroddy

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#announcement {
background: #a4118e;
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}

if change color try this

https://cssgradient.io/

4

You just made my day KetanKumar! Thank you very much for your help. My announcement has rainbow gradient now .

5

@maxroddy

its my pleasure to help us