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;}
>
>
> 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.
