ZCA Bootstrap 4 Template [Support Thread]

[rbarbour]

Hi Rbarbour, can you advise how to extend the header and footer the full width of the page, similar to this https://www.nhl.com/rangers. At the minute there appears to margin or padding somewhere that is preventing it from extending the full width. Thank you.

@johndoes

This isn't an easy thing due to using the standard BS CSS which adds a 30px gutter. You can see how this effects the layout here. https://getbootstrap.com/docs/4.0/la.../#how-it-works

You have 2 options:

1) Add the following class "red" to line 97 in /includes/templates/bootstrap-mystore/common/tpl_main_page.php
<div class="container-fluid m-0 p-0" id="mainWrapper">

then add the following class "red" to line 124
<div class="row m-3">

2) You can customize the BS CSS removing the gutters and adding your own paddings in /includes/templates/bootstrap-mystore/css/stylesheet.css
https://getbootstrap.com/docs/3.3/cu...e/#grid-system

[johndoes]

@johndoes

This isn't an easy thing due to using the standard BS CSS which adds a 30px gutter. You can see how this effects the layout here. https://getbootstrap.com/docs/4.0/la.../#how-it-works

You have 2 options:

1) Add the following class "red" to line 97 in /includes/templates/bootstrap-mystore/common/tpl_main_page.php
<div class="container-fluid m-0 p-0" id="mainWrapper">

then add the following class "red" to line 124
<div class="row m-3">

2) You can customize the BS CSS removing the gutters and adding your own paddings in /includes/templates/bootstrap-mystore/css/stylesheet.css
https://getbootstrap.com/docs/3.3/cu...e/#grid-system

Thank you.