How can I alter the footer color in the Dawn theme?

Store Design
1

I am trying to change the background colour of the Footer section on my store (https://www.australianskininstitute.com.au/). I want to choose a colour separate from the theme colours.

I have seen a few posts with this question that have been resolved but the solution was not posted, can anyone share the code we need to inject in the section-footer.css?

Any help is appreciated :slightly_smiling_face:

3 Likes
2

You could try adding this code to the bottom of the section-footer.css file.

.footer.color-background-2.gradient.section-footer-padding {
  background: #00FF00;
}

For the purpose of this example, the rule should change the color to green.

2022-03-29 22_51_48.png
2022-03-29 22_51_48.png1841×576 30.4 KB

1 Like
3

@BrookeASI

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css ->paste below code at the bottom of the file.
footer.footer.color-background-2.gradient.section-footer-padding {
    background: #cdcdf8;
}
4

Hi @BrookeASI ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css->paste below code at the bottom of the file:
footer.footer {
    background: #fafafa !important;
}

NOTE: you can change value #fafafa to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Thank you @Nick_Marketing ! This worked for me.

1 Like
6

Hello I followed your suggestion and added the code but nothing happnes www.lumiyaskin.com
Could you plese help me?