Changing Sidebar Color and Footer Height

Hi,

“How can I change the sidebar background and text color”
– The sidebar has the same background color as the entire content area. So to change a background color of the sidebar, you’ll need to change a background color of the content area:

.site-content {
  background: #ffffff;
}

To change the sidebar text color, use this custom CSS:

#secondary {
  color: #aaaaaa;
}

—

“Also, on the blogs page, is it possible to change the top “Blogs” bar text and text away from the light gray as well?”
– You can change the title of your blog page in Dashboard. To set a custom background color for the blog page only, please use this custom CSS:

.blog .page-header {
  background: #000000;
  color: #ffffff;
}

—

“Finally, can how can I change the height of the footer, specifically on the home page?”
– The height of the footer is dependent on the content that is added to the footer. Also, the footer area has paddings. You can reduce the paddings by using this custom CSS:

#colophon {
  padding-top: 30px;
  padding-bottom: 30px;
}

If you want to reduce paddings only for the home page then use this custom CSS:

.home #colophon {
  padding-top: 30px;
  padding-bottom: 30px;
}

Best,
Taras

This was super helpful – thank you! One last question..what is the best way to change the footer color? Thanks again!

To change a background color of footer section, please use this custom CSS:

#colophon {
    background: #000000;
}

Thanks,
Taras