How can I change my footer font size and color to black?

Store Design
1

I am trying to change the size of my font in the footer and the color to black. I just want it slightly larger and black I will provide a pic of the current situation.

footer font.jpg
footer font.jpg1354×1053 126 KB

2

@liferingsplus - please share your website URL

3

Sorry about that, liferingsplus.com

4

Hi @liferingsplus ,

Please follow the steps :-

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
footer {
    color: #000;
    font-size: 18px;
}

footer h3 {
    color: #000;
}

footer a {
    color: #000;
}

Please Accept and Like if this works for you :slightly_smiling_face:

1 Like
5

@liferingsplus - please add following css to the end of theme.index.min.css

footer{    color: #000000;}

.footer-block--wrapper .sm-icons svg {
    fill: #000000;
}

footer a, footer a:active, footer a:focus, footer a:hover {
    color: #000000; font-size: 18px;
}
1 Like
6

Thanks for sharing the information. If you choose an image, you can also edit its size, position, repetition pattern, and fallback color.

7

By Any chance could you make the social media icons black too?

8

@liferingsplus - added its css too

9

Just add one more line in code

.footer-block--wrapper .sm-icons svg {
 fill: #000;
}
10

Oh Yes I see, but the title of each section is still white, can I change this?

11

footer h3 { color: #000000; }

12

Hi There

Your code is really helpful to change the font size of the navigation copy within the footer but doesn’t seem to apply to the Titles/ Headers in each section. Can you advise what code to use to amend ONLY the Titles/ Headers within the footer?

Thanks for your help