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;

}

• Related Articles

• Change displayed size images in Multicolumn section

  At the multicolumn section, paste the following: .multicolumn-card__image-wrapper--third-width { width: 20% !important; }

• Change background color for each column in a multicolumn

  In the multicolumn section, add the following custom css: li:nth-child(1) .multicolumn-card__info { background-color: red; color: white; } li:nth-child(2) .multicolumn-card__info { background-color: green; color: white; } li:nth-child(3) ...

• Align featured collection titles to center

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

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

• Create a Video Background section

  Create the section snippet, create a new snippet named: video-background.liquid and copy the following liquid into it. {%- if section.blocks.size > 0 -%} {%- for block in section.blocks -%} {%- assign img_url = block.settings.image | img_url: '1x1' | ...