ZCA Bootstrap 4 Template [Support Thread]

[arxvaldex]

Thank you for an amazing template - the best thus far!

I want to change the font sizes as well as remove the underline on the texts

Product header font sizes are just too big, I want them smaller, center box fonts are underlined (but not on Category left box)

In general I want to change fonts but am stumped on how to, stylesheet doesnt change anything. Thanks

[arxvaldex]

Figured out how to change Fonts in bootstrap

You have to add the code in the Bootstrap Stylesheet:

These are for changing the header font sizes

h1 {font-size:1.8em;line-height:25px;}
h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .larger{font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin:20px 0;}

[mprough]

I was hoping you could provide some guidance for the product listing. In the image you see that at this width (med) I believe it is there are still 4 columns when there should likely only be one, two max for sure. I cannot locate the spot to edit this for a better display on medium devices.

[arxvaldex]

In Admin goto Configuration - Product Listing

Check Product Listing - Columns Per Row (Default Setting is 3)

Also check your stylesheet.css should have the following:
(Stylesheet is located in includes/templates/bootstrap)

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

[mprough]

In Admin goto Configuration - Product Listing

Check Product Listing - Columns Per Row (Default Setting is 3)

Also check your stylesheet.css should have the following:
(Stylesheet is located in includes/templates/bootstrap)

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4

[swguy]

This template really looks great. My only request would be that you get rid of the core file changes - there are only half a dozen or so:

includes/modules/pages/specials/main_template_vars.php
includes/modules/order_total/ot_gv.php
includes/modules/order_total/ot_coupon.php
includes/classes/site_map.php
includes/classes/order.php
includes/classes/ajax/zcAjaxPayment.php

[swguy]

Looking at the checkout pages

checkout_shipping
checkout_payment
checkout confirmation

is there a way to make the boxes span the entire width of the screen so they're not cramped in, 2 or 3 wide?

[rbarbour]

Certain pages such as the ones you mentioned have classes of "card-columns". these classes are controlled in the CSS stylesheet, you can change the amount of columns for each breakpoint or device.

[top hatt]

Hi:

I have a quick question. Is the Dynamic Price Updater compatible with this template?

I have tried to get it to work but I am not having any success.

Dave

[barco57]

I also could not get the Dynamic Price Updater to work with the template.