ZCA Bootstrap 4 Template [Support Thread]

[Mystery??]

Hi,
How does one go about centering the ez pages text for the top and bottom bar? I'm on zencart 158a.
I've tried adding

#navEZPagesTop ul{text-align:center;}

to the site_specific_styles.php but it doesn't work.


Also, just out of curiousity, is there a more simple way to center the logo header image through site_specific_styles.php rather then going to /includes/templates/clone/common/tpl_header.php and changing

from:

$sales_text_class = (HEADER_SALES_TEXT !== '') ? 'col-sm-4' : 'col-sm-12';
?>
            <div class="<?php echo $sales_text_class; ?>">
                <a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" aria-label="<?php echo TEXT_HEADER_ARIA_LABEL_LOGO; ?>">

to:

$sales_text_class = (HEADER_SALES_TEXT !== '') ? 'text-center w-100' : 'col-sm-12';
?>
            <div class="<?php echo $sales_text_class; ?>">
                <a class="d-block" href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" aria-label="<?php echo TEXT_HEADER_ARIA_LABEL_LOGO; ?>">

[lat9]

Hi,
How does one go about centering the ez pages text for the top and bottom bar? I'm on zencart 158a.
I've tried adding

#navEZPagesTop ul{text-align:center;}

to the site_specific_styles.php but it doesn't work.


Also, just out of curiousity, is there a more simple way to center the logo header image through site_specific_styles.php rather then going to /includes/templates/clone/common/tpl_header.php and changing

from:

$sales_text_class = (HEADER_SALES_TEXT !== '') ? 'col-sm-4' : 'col-sm-12';
?>
            <div class="<?php echo $sales_text_class; ?>">
                <a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" aria-label="<?php echo TEXT_HEADER_ARIA_LABEL_LOGO; ?>">

to:

$sales_text_class = (HEADER_SALES_TEXT !== '') ? 'text-center w-100' : 'col-sm-12';
?>
            <div class="<?php echo $sales_text_class; ?>">
                <a class="d-block" href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" aria-label="<?php echo TEXT_HEADER_ARIA_LABEL_LOGO; ?>">

I don't see an id="navEZPagesTop" element, but I do see id="ezpagesBarHeader" and id="ezpagesBarFooter". To center the links in those navigation elements, try the following CSS:

#ezpagesBarHeader > ul, #ezpagesBarFooter > ul {
    justify-content: center;
}

For aligning the logo image, the issue (I think) is that the id="taglineWrapper" should be a col-sm-8 when there's a tagline. It's currently col-sm-12, which causes it to be not aligned with the image since 4 + 12 > 12. I agree with the use of class="d-block" on the anchor tag that holds the image, that makes it easier for sites that want the image centered.

[lat9]

Above changes addressed in this (https://github.com/lat9/ZCA-Bootstra...ate/issues/289) GitHub issue.<br type="_moz">

[Mystery??]

#ezpagesBarHeader > ul, #ezpagesBarFooter > ul {
    justify-content: center;
}

That works great! Thank you