Possible to make the Before Main Content widget area layout differently (vert)?

  • Resolved turbodb

    (@turbodb)


    3 years ago

    Currently the Before Main Content widget area lays out with three (on a wide screen) widgets shown horizontally:

    widget 1 | widget 3 | widget 3

    This is responsive, so reduces to two and then one widget, but I’d like to have the widgets stack vertically in this area, rather than horizontally. And I’d like each widget to be 100% of the container width (or nearly so, minus padding and margins, etc.).

    Is there some CSS magic I can use to do this?

    Thanks as always Ben!
    Dan

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey Dan,

    That’s a good question. The following CSS should work well to make this change:

    #sidebar-before-main-content .widget {
	float: none;
	margin-right: 0;
	width: 100%;
}

    You can reuse this code for other widget areas too by replacing the “before-main-content” part in the selector with another widget area’s name.

    Thread Starter turbodb

    (@turbodb)

    Perfect, thanks Ben!

    Theme Author Ben Sibley

    (@bensibley)

    Happy to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Possible to make the Before Main Content widget area layout differently (vert)?’ is closed to new replies.