Re: ZCA Bootstrap 4 Template [Support Thread]
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
Re: ZCA Bootstrap 4 Template [Support Thread]
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;}
1 Attachment(s)
Re: ZCA Bootstrap 4 Template [Support Thread]
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.
Attachment 18550
Re: ZCA Bootstrap 4 Template [Support Thread]
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;
Re: ZCA Bootstrap 4 Template [Support Thread]
Quote:
Originally Posted by
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;
Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4
Re: ZCA Bootstrap 4 Template [Support Thread]
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
Re: ZCA Bootstrap 4 Template [Support Thread]
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?
Re: ZCA Bootstrap 4 Template [Support Thread]
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.
Re: ZCA Bootstrap 4 Template [Support Thread]
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
Re: ZCA Bootstrap 4 Template [Support Thread]
I also could not get the Dynamic Price Updater to work with the template.