jryd13 on "[Theme: Sela] Widen widget bar and keep it in proportion to the page"

Hi @jryd13,

How can I widen this to roughly 310px and then widen the page by the same amount to keep everything looking good and in the right place?

You can achieve what you're after with some custom CSS.

To add custom CSS, firstly set up a child theme or activate a custom CSS plugin.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme to widen the width of the right sidebar to 310px:

@media screen and (min-width: 1180px) {
.sidebar-widget-area { width: 310px;
}
}

And the following will set the width of the main content area to 800px:

@media screen and (min-width: 1180px) {
.content-area { width: 800px;
}
}

Finally, you can then expand the width of the entire site with this snippet:

@media screen and (min-width: 1180px) {
.site { margin: 0 auto; max-width: 1300px; padding: 0;
}
}

You can increase/decrease the value of max-width and width in the above snippets in order to experiment with different widths.

Also the styling of the Facebook feed seems to look a little odd - as if it isn't really there at all. For example the Facebook feed on my site looks very different to my friends (www.overcastgamer.com).

The main difference that I can note between yours and your friend's is the width. Is that the main difference you notice too? If you let me know a little more about how you'd like to style your feed, I can help from there.

Hope that's helpful! Please don't hesitate to reply right back if you have further questions on that.