Align featured collection titles to center

Align featured collection titles to center

In the featured collection section, add the following css in custom css:
Idea
.collection__title.title-wrapper {
    text-align-last: center;
}

    • Related Articles

    • How to center multicolumn section header

      Add the following code under your Custom CSS section inside your theme customiser: .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin { width: 100%; text-align: center; display: block; }

    • Make copyright in the footer to center

      From your Shopify admin dashboard, click on "Online Store" and then "Themes". Find the theme that you want to edit and click on "Actions" and then "Edit code". In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on ...

    • Adjust footer layout to center on mobile view

      In the footer section, add the following in the custom css: @media only screen and (max-width: 749px) { .list-menu__item { justify-content: center; } .footer-block.grid__item.scroll-trigger.animate--slide-in { text-align: center; } ...

    • Align submenu to left

      In header, add the following to custom css: .header--top-center .mega-menu__list { display: flex; justify-content: left; flex-wrap: wrap; column-gap: 0; }

    • Hide products in all collection

      Add this code in main-collection-product-grid.liquid: {% for product in collection.products %} {% unless product.metafields.seo.hidden.value == 1 %} {% render 'product-card', product: product %} {% endunless %} {% endfor %}