How to change the background color and add a black line in the announcement bar?

Store Design
, ,
1

Hey,

Does anyone know how to change background of the announcement bar (save 15%…) to green?

Also, how can I add a 1px black line in the bottom of the announcement bar?

link: https://1nytifok700xant8-57105678419.shopifypreview.com

Thank you

2

Hi @jk888 ,

I understand you want to change the background of your announcement bar and add a 1px black line at the bottom. Please follow the instructions below.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the base.css file
  3. Add the code below at the very end of the file

NOTE: Change the #aff2af to the color you want

.announcement-bar.color-background-2.gradient {
    background: #aff2af;
    border-bottom: 1px solid black;
}