Creating 'sidebars' in footer – Sketch Theme

Hi Andrew,

Good job adding the widgets to your site’s footer. ??

1. How do I remove the lines underneath each widget (subscribe, archive, tags etc?

The following snippet in your parent theme’s style.css file is what’s adding a border to the bottom of your widgets:

.widget {
    border-bottom: 1px solid #eeeeee;
}

You could override the parent by adding the following to your child theme’s style.css file:

.widget {
    border-bottom: none;
}

2. On the ‘My Work’, ‘About’, and ‘Contact’ pages, the footer widgets seem to be escaping! The four in the footer should be “Subscribe | Archive | Tags | Instagram”, yet, e.g. on the ‘My Work’ page, they’ve moved up the right sidebar, and don’t sit quite right on the other pages. How can I lock them into the footer so they don’t move?

You can fix the layout issues on pages that have a sidebar at this point in the child theme’s style.css file:

#footer-sidebar {
    display: block;
    height: 250px;
}

Floating the footer to the left will ensure it always sits beneath the main content. In addition, browsers will automatically assign display: block; to div elements by default and it’s not necessary to define a height for the sidebar.

Give this a try:

#footer-sidebar {
    float: left;
}

Let me know how you get on or if you have any extra questions on either of those solutions.

Hey Siobhan,

Thanks so much, sorted all my questions, appreciate it!

Andrew

You’re welcome, Andrew! I’m glad that helped out.