Change displayed size images in Multicolumn section

At the multicolumn section, paste the following:

.multicolumn-card__image-wrapper--third-width {

    width: 20% !important;

}

• Related Articles

• 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) ...

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

• 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' | ...

• Enlarge swatch size in product page

  In product page customize, add the following code in custom css: .swatch-input__input + .swatch-input__label { --swatch-input--size: 4rem !important; }

• Change Sale Badge to % off

  In card-product.liquid {% comment %} {{- 'products.product.on_sale' | t -}} {% endcomment %} {%- assign percent = card_product.compare_at_price | minus: card_product.price | times: 100 | divided_by: card_product.compare_at_price | round -%} Save {{ ...