Layout query – container and sidebars

[Stevie]

Hi guys
Just figuring out optimum width sizes for image widgets.
My layout is content + right sidebar.
1.In layout, does the container pixel width include content + sidebar?
2.Assuming this is so – and I have a container size of 1200 px, and I set the sidebar
width at 20%, does this make the sidebar width 240 px?
3.I want the image widget to look centered in mobile view. Even though it looks sweet in desktop, it is fixed
to the left in mobile view.
Rather than adding css to expand the image widget to fill sidebar, is there a recommended
widget padding to achieve this?

cheers!
Stevie

[David]

Hi there,

1. Yes – thats correct.
2. Yes thats also correct – but note that the Width of 240px is also inclusive of the sidebar padding and borders. As you have 20px all round, and 1px border. The content width of the sidebar widget is 240px – 21px (l) – 21px (r) = 198px

3. You could use this CSS to center the images:

#right-sidebar .widget_media_image {
    text-align: center;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Stevie]

thanks so much David. Well clarified.

[David]

You’re very welcome!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts