Content padding between 3 columns

[Sandy Sailer]

On your example page, the content padding between columns looks correct. On my theme, it does not. There is SO much white space between the columns, and I’m not sure which styles to edit to minimize it! Thanks.
content-padding.gif

Attachments:

You must be logged in to view attached files.

[Sandy Sailer]

Also, how can I minimize the white space to the left and right of the content area, regardless of how many columns I have? I would like the content closer to the content wrapper, if that makes sense. Thank you!

[Anonymous]

Can you please post the link too directly. Some of the column seems to have fixed width that’s why there is big gap.

Unfortunately, it will be very hard for you to minimize the margins of column until and unless you’re very good with CSS and can play with CSS of Bootstrap CSS framework since this design is made for big screen desktop to small mobile device this calculated based on the screen size.

[Sandy Sailer]

So, if I use a fixed width content area, there will be a lot of white space to the left and right of the content? That’s disappointing … especially since the main content column is very narrow in width. There’s just so much wasted white space with this theme…??? :/

[Anonymous]

May be it’s a good idea to reduce size of column for sidebar and increase the middle one. I can give you hint on that one and I assume you’re using the Front Page with left and right column template.

Open the page-templates/frontpage-left-right.php file and you’ll see following codes in that page :

.....


     
....


.....

You can see that total total value of grid is 12 . Try to play around with these values span3, span5 and span4 . Make sure the total is 12 for example, span3, span6, span3.

[Sandy Sailer]

Thanks for the hint!!!

[Author]

Posts