Decrease the overall height of a multi-column section

Store Design
,
1

Hello,

I am using Refresh template. Web link is - https://74ac23.myshopify.com/

I am looking to reduce the overall height of the multi-column section that contains the 3x brand logos. There is not customisable edit option on editable section. Could anyone be kind enough to advise? :slightly_smiling_face:

pawbog is the password

2

If I used a paid template would this give me greater flexibility??

3

Hi @thesoulhub ,

Just to clarify, You like the image in the Multi-column reduce height? if that so you can try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.media.media--transparent.media--adapt img {
    height: 70px;
}

Result:

Ribe_Dagandara_0-1688836621240.png
Ribe_Dagandara_0-1688836621240.png1355Ă—231 23.3 KB

I hope it help.

4

Thank you for your prompt response, I believe we are getting somewhere. What I mean is reducing the height of the grey area around the logos so its more like the header.

5

Thank you for the clarification. If you like same height with the header we need to reduce the content size. I reduce the height a bit. Check this. FYI, the size of the header is 107px.

.page-width.section-template--19868898689331__089fc9d3-fd9b-442e-95dc-5e547b409e8d-padding.isolate.scroll-trigger.animate--slide-in {
    height: 170px;
}

Result:

Ribe_Dagandara_0-1688838199547.png
Ribe_Dagandara_0-1688838199547.png1331Ă—304 69.7 KB

I hope it help.

6

Thank you, this helped resolve my issue.

Is it because this is a free theme that this part isn’t editable without coding?

7

Welcome.

No its not about just free theme. Shopify have default designs on every theme. So mostly store owner like to change base on thier unique styles of store. :sweat_smile: And if you cant change on the provided costumize theme from the shopify so that where the edit code enters.