More like 5/7 or 5.5/7 rather than 6/7 or 6.5/7.
Hi @trickystuka,
You can achieve this using custom CSS and classes, finding this custom columns are not available on Bootstrap unless you are using a builder like Elementor. For 5/7, you could use col-5 and col-7 but there’s no col-5.5 or 6.5 for this. More info about grids and be found here https://getbootstrap.com/docs/4.4/layout/grid/.
Regards,
Afterimage Designs
Thanks for your reply, but I don’t mean anything to do with the number of notional Bootstrap columns, such as 5-out-of-7 columns. I think I can put it most clearly by saying I want to make the main content container wider. Even with the full width template selected a simple block of paragraph text has a wide margin on each side, as does the header and footer.
I simply want to use more of the browser width. With the browser window set narrow the content is 300 mm wide and the margins as little as 12 mm each. With the browser window set at full size the content is still 300 mm wide and the margins as much as 113 mm wide each. I don’t mean margin in any CSS sense, just what I see when looking at the screen.
I have tried changing width and max-width in my child theme style.css for #page, #site, #content, .site-main, #main, #primary, body, #content-area and .container but nothing makes any difference. Please can you tell me which CSS attribute to use, which selector, and which value?
Regards, and thanks again.
Hi @trickystuka,
With regard to your concern, can you please attach the site URL you’re working with so I can check the page properly. I’m not sure if this is what you want but if you want to make your page width bigger, I would suggest to adjust this https://prnt.sc/10fq1a2 and add your CSS on your child theme or customizer; this also applies under fullwidth template and the given CSS above is globally applied.
Regards,
Afterimage Designs
