ZCA Bootstrap 4 Template [Support Thread]

[lat9]

Hallo,

After hours or searching and googling, I have finally landed here and hope someone can help me.

We have just installed the new v2.1.0 using the Bootstrap Template.

Can someone please tell us where to change the font sizes! We have checked the CSS files, but can't find them.

What are we missing?

thanks for your help.

Copy the file (from your bootstrap template clone) /includes/templates/your-bootstrap/css/dist-site_specific_styles.php to a file named site_specific_styles.php in the same /css sub-directory and make your edits there.

The 'base' font sizes are controlled by bootstrap's CSS files. See this (https://getbootstrap.com/docs/4.6/ge.../introduction/) Bootstrap 4.6 documentation for additional details.

[Dustie]

Copy the file (from your bootstrap template clone) /includes/templates/your-bootstrap/css/dist-site_specific_styles.php to a file named site_specific_styles.php in the same /css sub-directory and make your edits there.

The 'base' font sizes are controlled by bootstrap's CSS files. See this (https://getbootstrap.com/docs/4.6/ge.../introduction/) Bootstrap 4.6 documentation for additional details.

Thank you for your reply.

I opened up the file you mentioned - includes/templates/your-bootstrap/css/dist-site_specific_styles.php

But all I see is the following.

<?php
/*
* BOOTSTRAP 3.6.4
*
* Create a file called "site_specific_styles.php" to contain any changes
* to base css provided by this template. Place site-specific content
* between the opening and closing style tags.
*
* Refer to https://github.com/lat9/ZCA-Bootstra...ecific-styling
* for additional information.
*/
?>
<style>
/* Your content here ... */
</style>
Is there no one specific file that has all the fonts and sizes in it already, which I can just customise?

I went to the link you sent, but sadly I am still not finding a simple file that has the fonts for easy changing.

I am still missing something

[lat9]

Thank you for your reply.

I opened up the file you mentioned - includes/templates/your-bootstrap/css/dist-site_specific_styles.php

But all I see is the following.

<?php
/*
* BOOTSTRAP 3.6.4
*
* Create a file called "site_specific_styles.php" to contain any changes
* to base css provided by this template. Place site-specific content
* between the opening and closing style tags.
*
* Refer to https://github.com/lat9/ZCA-Bootstra...ecific-styling
* for additional information.
*/
?>
<style>
/* Your content here ... */
</style>
Is there no one specific file that has all the fonts and sizes in it already, which I can just customise?

I went to the link you sent, but sadly I am still not finding a simple file that has the fonts for easy changing.

I am still missing something

There's not one file; the font sizes are initialized by the base Bootstrap CSS/JS: https://getbootstrap.com/docs/4.6/co...and-paragraphs

You'll need to add your site-specific CSS styling to the /css/site_specific_styles.php file.

[lat9]

There's not one file; the font sizes are initialized by the base Bootstrap CSS/JS: https://getbootstrap.com/docs/4.6/co...and-paragraphs

You'll need to add your site-specific CSS styling to the /css/site_specific_styles.php file.

Another possibly helpful link: https://www.w3schools.com/bootstrap4...typography.asp

[Dustie]

Another possibly helpful link: https://www.w3schools.com/bootstrap4...typography.asp

thank you very much.. this is helpful

[GoldBuckle]

I could use some help, as I am trying to figure out editing the tpl_header.php file to include the search bar in the top nav bar on desktop view as well as move the tagline under the logo and add columns/blocks 2-4 that will either be text or images to fill in the white space. See the jpg mockup vs stock tpl_header. Do I need to create a class ID for the additional blocks to contain text or images as in my Photoshop mock up? I would like these 3 blocks to show up in tablet and mobile view as well.

[lat9]

I could use some help, as I am trying to figure out editing the tpl_header.php file to include the search bar in the top nav bar on desktop view as well as move the tagline under the logo and add columns/blocks 2-4 that will either be text or images to fill in the white space. See the jpg mockup vs stock tpl_header. Do I need to create a class ID for the additional blocks to contain text or images as in my Photoshop mock up? I would like these 3 blocks to show up in tablet and mobile view as well.

I'll note that the search-box can be achieved by simply setting the Bootstrap Template's Enable AJAX Search? setting to false.

For the links, you could start here: https://www.w3schools.com/bootstrap4...rap_navbar.asp

Note that I searched for "bootstrap 4 add links to header nav bar"

[Georgecy]

Hi Guys I am upgrading to Zencart 2.1 with the latest Bootstrap template. I need to add pull down menus on the header, where currently I have the EZ pages links. Is there a plug in to do this or it needs code modification. It would be nice if the EZ-pages mechanism was supporting pulldown menus also.

[Georgecy]

Can the Bootstrap Template support full width slideshow?