ZCA Bootstrap 4 Template [Support Thread]

[Joseph M]

I'm having a problem setting the color of the EZ-page footer bar links background on hover. No problem with the text, since it is selected in ZCA Bootstrap Colors. However the footer link background color on hover selection isn't listed there.

Footer EZ-Page Bar Background Color, EZ-Page Bar Link Color, EZ-Page Bar Link Color on Hover

I've tried defining it in my stylesheet with:

#ezpagesBarFooter a.nav-link:hover {
    color: #ffffff;
    background-color: #color of choice;
}

but it always displays the default color #33b5e5 for the hover background. The changes show up in my browser developer tool, but seem to be overridden when attempting to get the change to appear on my site. Any suggestions?

side note: Oddly, the "Button Color" option ZCA Bootstrap Colors does change the link background hover color in the EZ-pages footer (while changing button colors throughout the site as well).

[Joseph M]

This was the fix for hover link background color in the EZ-pages footer:

#ezpagesBarFooter .nav-pills .nav-item a:hover {
    color: #ffffff;
    background-color: #color of choice;
}

[lat9]

This was the fix for hover link background color in the EZ-pages footer:

#ezpagesBarFooter .nav-pills .nav-item a:hover {
    color: #ffffff;
    background-color: #color of choice;
}

Was that hover-link's coloring not provided via the admin's ZCA Bootstrap Colors tool?

[Joseph M]

Was that hover-link's coloring not provided via the admin's ZCA Bootstrap Colors tool?

Correct. Link text color on hover is available in ZCA Bootstrap Colors. Link background color on hover is not included.

However, if no link background hover color for the EZ-pages footer is defined in the stylesheet, the ZCA Bootstrap Colors "Button Color" (non-hover) option will define that EZ-pages footer color on hover. I thought it was an unusual discovery, but easily overridden.

[lat9]

Correct. Link text color on hover is available in ZCA Bootstrap Colors. Link background color on hover is not included.

However, if no link background hover color for the EZ-pages footer is defined in the stylesheet, the ZCA Bootstrap Colors "Button Color" (non-hover) option will define that EZ-pages footer color on hover. I thought it was an unusual discovery, but easily overridden.

It appears that the storefront /includes/templates/bootstrap/css/stylesheet_zca_colors.php is adding an unwanted background-color to those EZ-Pages footer links:

	    /* footer ezpage bar */
#ezpagesBarFooter {
	background-color: <?php echo ZCA_FOOTER_EZPAGE_BACKGROUND_COLOR; ?>;
	}
#ezpagesBarFooter a.nav-link  {
	color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR; ?>;
	}
#ezpagesBarFooter a.nav-link:hover  {
	color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR_HOVER; ?>;
	background-color: <?php echo ZCA_BUTTON_COLOR; ?>;
	}

Removing that line from the 'stock' version of that module will 'restore' the desired colors. I'll be creating a GitHub issue to track that change.

[gizmo_girl]

The Zen Cart Documentation says to change the powered by zen cart information in the stylesheet. This template has numerous stylesheets and I cannot find this in ANY of them. I was able to add my website name somewhere along the way, but I can't locate the file again. I also want to remove the 'your IP address". I also don't find anything for that in the stylesheets. Where can I chance these two things?

[Joseph M]

The Zen Cart Documentation says to change the powered by zen cart information in the stylesheet. This template has numerous stylesheets and I cannot find this in ANY of them. I was able to add my website name somewhere along the way, but I can't locate the file again. I also want to remove the 'your IP address". I also don't find anything for that in the stylesheets. Where can I chance these two things?

I believe the "Powered by Zen Cart" footer text is in includes/languages/english.php

And the IP address display is controlled at:
Admin>Configuration>Layout Settings>Footer - Show IP Address status

[lat9]

It appears that the storefront /includes/templates/bootstrap/css/stylesheet_zca_colors.php is adding an unwanted background-color to those EZ-Pages footer links:

        /* footer ezpage bar */
#ezpagesBarFooter {
    background-color: <?php echo ZCA_FOOTER_EZPAGE_BACKGROUND_COLOR; ?>;
    }
#ezpagesBarFooter a.nav-link  {
    color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR; ?>;
    }
#ezpagesBarFooter a.nav-link:hover  {
    color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR_HOVER; ?>;
    background-color: <?php echo ZCA_BUTTON_COLOR; ?>;
    }

Removing that line from the 'stock' version of that module will 'restore' the desired colors. I'll be creating a GitHub issue to track that change.

Change tracked via this GitHub issue: https://github.com/lat9/ZCA-Bootstra...late/issues/51

[dennisns7d]

I recently upgraded from 1.5.5f with Classic Responsive clone to 1.5.7c with ZCA Bootstrap clone. During the transition, I had the cart in maintenance mode. In the 1.5.7c cart, I was expecting to see a header alert announcing the maintenance mode but it wasn't there. I looked at the page source and found it there. Then it occurred to me that it was probably hidden behind the navigation bar.

This was confirmed when I moved the header alert code down the file to between the navigation display and the branding display, and the header alert showed up on screen. Other header alerts are now visible, such as when products are successfully added to the cart.