Change Text Widget Font Color in Footer Area & Change to 1 Footer Area

Shapely
1

I have two questions.

I have the shapely theme. It is set up to have 4 footer widget sections. Is there custom CSS to change this so the entire footer is just 1 area. Basically, I want to keep my footer as minimalistic as possible, and have my copyright and a few links centered. Because it is setup with 4 area, it is impossible to center within the entire footer.

Second question. I found the correct CSS to change my footer color, which I want to be light gray. However, I cannot figure out the correct CSS to change the text to black. I am currently using a text widget within the footer, but the font is automatically white.

Thanks for the help!
Timon

2

Hey there

  1. i think yes, this is possible and i need url of your website to see
  2. let me see your code and again i need url of the page
3

URL is https://www.peskinphotography.com/

Currently, this is my code, to remove the credits, change the color (which I have kept black until I can change the font color and the size of the footer). Each of these work:

.footer-credits {
display: none;
}
footer#colophon {
background: #ff000;
}
footer#colophon {
padding: 30px 0;
}

4

Hey there

You can use this code to make footer columns full width:

#colophon .footer-widget {
width: 100%;
}

and this code to change text color in the footer:

footer#colophon .textwidget p a,
.copyright-text {
color: black;
}

5

Thank you, that worked perfectly! One more question, how do I now get the footer text to be centered?

6

You have text widgets used in the widgets, select text and use text editor to center them :slight_smile:

7

Duh. I should have realized that. Thank you!! I got everything for the footer exactly how I wanted it to look.

1 more question came up because of this though. I realized that I did not like how the last image directly was touching the footer. I want to create a thin white background area between the last image section (wildlife) and my footer.

Currently, I put in a section called “[Shapely] Features Section For…” (widget to set features on homepage). I have it blank, which put a white section between my wildlife section, my last “[Shapely] Parallax Section.” Is there a way to change the size of my “”[Shapely] Features Section For…" so it is roughly have the size? Alternatively, is there another easy way to add custom css to add white background above the footer? I am looking for a thin banner sized space, slightly thinner than the current size of the footer.

Thanks so much for all the support! You rock!

8

Nevermind on the white space. I decided to take it off and I am happy with where it is now. Thanks again!