ZCA Bootstrap 4 Template [Support Thread]

The Bootstrap template is now featured in the Zen Cart templates documentation. Thank you, Bootstrap template team!

https://docs.zen-cart.com/user/templ...her_templates/

Newly installed v157c with bootstrap. How can I adjust the size of the padding for the New Products and Featured Products headers on the main page?
I can see the changes if I make them in my browser's developer tool, but not when they're placed in bootstrap/css/stylesheet.css. Is it controlled somewhere else?

Quote:

---

Originally Posted by Joseph M

Newly installed v157c with bootstrap. How can I adjust the size of the padding for the New Products and Featured Products headers on the main page?
I can see the changes if I make them in my browser's developer tool, but not when they're placed in bootstrap/css/stylesheet.css. Is it controlled somewhere else?

---

You could add a rule to your site's bootstrap/stylesheet.css, e.g.

Code:

---

.centerBoxHeading {padding: 10px; }

---

And be sure to force-reload the page in your browser for the change to take effect:
https://docs.zen-cart.com/user/new_u...owser_caching/

Quote:

---

Originally Posted by lat9

You could add a rule to your site's bootstrap/stylesheet.css, e.g.

Code:

---

.centerBoxHeading {padding: 10px; }

---

And be sure to force-reload the page in your browser for the change to take effect:
https://docs.zen-cart.com/user/new_u...owser_caching/

---

Thank you. It worked perfectly for both headers.

Hi Guys,

Just wondering if there is any way of "borrowing" the tabbed login page from this template and using it in another?

Would it be a case of using the tpl_login_default.php and tpl_modules_create_account.php and then loading bootstrap 4 css on these pages only?

Im currently using 1.5.6c, any help would be much appreciated!

Quote:

---

Originally Posted by Blackfromthered

Hi Guys,

Just wondering if there is any way of "borrowing" the tabbed login page from this template and using it in another?

Would it be a case of using the tpl_login_default.php and tpl_modules_create_account.php and then loading bootstrap 4 css on these pages only?

Im currently using 1.5.6c, any help would be much appreciated!

---

I believe, but am not totally sure, that you'd be looking for trouble if you separate the bootstrap-4 CSS from its associated jQuery/js module. The tab-panes used in the login page require (I think) both elements.

Quote:

---

Originally Posted by lat9

I believe, but am not totally sure, that you'd be looking for trouble if you separate the bootstrap-4 CSS from its associated jQuery/js module. The tab-panes used in the login page require (I think) both elements.

---

Maybe this can help
https://www.w3schools.com/bootstrap/...ref_js_tab.asp

Can I assign the same style rules to the EZ-Pages header as those assigned to the header's navigation tabs? How does one move or align items in these boxes? I've been able to change the background with my browser's developer tool, but nothing else.

Quote:

---

Originally Posted by Joseph M

Can I assign the same style rules to the EZ-Pages header as those assigned to the header's navigation tabs? How does one move or align items in these boxes? I've been able to change the background with my browser's developer tool, but nothing else.

---

I wanted to use EZ-page links to display some main categories that are only used for linked products, without showing all of my main categories. The navigational tabs apparently make me choose between all or nothing. So I used EZ-Page links for the handful of categories I wanted showing, and built a navigational bar containing only some main categories. I was able to center the EZ-pages header content by adding this to my stylesheet:

Code:

---

.nav {
        justify-content: center;
}

---

I put spacing spacing between each of the listed categories with:

Code:

---

.nav-pills .nav-link {
    margin: 5px 8px;
}

---

I'm not sure if that was the correct way to do it, but it seems to work.

Hello,

Wow this is great !! I can't wait to try this on my live store. I just had a question how to enable 3 Column Layout after installing your add on. Also the color changing part was FREAKING genius !