How can I decrease the gap between image and text on my website?

Store Design
1

Hello,

I need help with reducing the space between image and text (red line). My website is wowberrybites.com

Thanks in advance.

winnado11_0-1652685000769.png
winnado11_0-1652685000769.png400×125 13.7 KB

2

Hello @winnado11

  1. In your Shopify Admin go to online store => themes => actions => edit code

  2. Find Asset => section-multicolumn.css and paste this at the bottom of the file:

.shopify-section.section slider-component div.multicolumn-card__info {
    padding: 0;
}

Please check the attached screenshot URL: https://prnt.sc/OqR9K6Ou_qcd

Hope it will help you!

Thanks.

1 Like
3

@winnado11

Please follow up below steps. May this help you.

  1. Go to online store > themes > actions > edit code
  2. Find Assets > assets/component-rte.css and paste below CSS at the bottom of the file
.rte>p:first-child

{margin-top: -20px;}