Our website header now has some color, so let’s change the color of the Thesis 2 footer to match. Make note of your primary color CSS variable name for this step. After our last step this will be easy as it is the same steps to complete this task. Adding background color to the Thesis 2 Footer follows the same pattern as the header.
Navigate from the WordPress Dashboard to the Thesis 2 Skin Editor CSS page. Look for the Footer label in the CSS Packages area. Click on the Footer button.
Click “Options” at the the top of the pop-up, then click the black arrow next to Background. Enter your CSS variable for your primary color. Don’t forget to click the green “Save” button.
Again, click the green “Save CSS” button at the top of the Thesis 2 CSS page.
Refresh your website home page and scroll to the bottom of the page. It now looks like the header. Don’t worry that we can’t read the text. Soon we’ll be replacing this text with our own custom text.
As we move through this guide, I will start to abbreviate steps assuming that you have started from the beginning and by now know how to navigate the Thesis 2 Skin Editor, WordPress Dashboard, and other topics we’ve covered up to this point. This will keep me from being repetitious and boring you to tears.