Twenty Seventeen: make both footer widget columns the same width

manuschwendener · Member · May 24, 2017 at 6:56 pm
Copy link

Add topic to favorites
Hi

I found https://en.forums.wordpress.com/topic/widget-widths-in-footer and “wanting each of the footer widget columns to take up half the room” is exactly what I’d like to do. But when I use that CSS in my theme nothing happens.

Thank you for looking into it :-)

The blog I need help with is: (visible only to logged in users)
manuschwendener · Member · May 24, 2017 at 7:05 pm
Copy link
An added bonus would be if there was a way to start the two twitter feeds on the same height.

(I tried adding a text element above the twitter feed in footer 2 and force it to display empty lines, but that had no effect).
thesacredpath · Member · May 24, 2017 at 11:31 pm
Copy link
Hi, that code was for a different theme, and CSS is theme specific.

On the alignment, I would suggest putting the two twitter widgets at the top of the sidebar and the search and contact below them. We could add padding or top margin to the one on the right, but the problem is the position of those widgets would change with screen size, so it’s sort of a moving target.

To make the two footer widget columns the same width, add the following to your custom CSS.
```
@media screen and (min-width: 48em) {
	.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2 {
		width: 48%;
	}
}
```
manuschwendener · Member · May 25, 2017 at 7:00 am
Copy link
Thanks a lot, thesacredpath, looking good :-)
manuschwendener · Member · May 25, 2017 at 7:03 am
Copy link
> We could add padding or top margin to the one on the right

I would like to try that.
thesacredpath · Member · May 25, 2017 at 7:12 pm
Copy link
I’ve used a media query to add margin to the top of the twitter widget on the left at 768px and wider since below that things change to a single column of widgets.
```
@media screen and (min-width: 768px) {
	#twitter_timeline-12 {
		margin-top: 30px;
	}
}
```
manuschwendener · Member · May 25, 2017 at 7:47 pm
Copy link
Perfect, thank you! :-)
thesacredpath · Member · May 25, 2017 at 8:54 pm
Copy link
You are welcome.

No items found.