How to reduce the space between headings and photoes?

[Alliance]

Hi guys,

1- I would like to reduce the space beween headings and photoes and the space between photoes and text.

2- I would like to change the font format heading text separately from products titles, when I try to change the heading format by custom theme setting , products titles get formated too.

3- I would like to to add one size light gray borders to each brand in the shop by brand section.

Thank you

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Alliance]

Please send me an access request to grand you permission. Thank you

[Alliance]

allianceautoproducts.com

[Alliance]

alliancebahrain

Delta@1971

[Ujjaval]

@Alliance
Put below css into base.css file (online store->themes->base.css)

.section-header {
     margin-bottom: 0px !important; 
}
h3.h4 {
    font-weight: bolder !important;
    font-size: 21px !important;
}
th, td {
    text-align: left !important;
    border: solid 1px #d6d4d4 !important;
    padding: 10px 14px !important;
}

[Alliance]

Hi Ujjaval,

I don’t have base.css page. It is Debut theme.

[Ujjaval]

@Alliance

put above code in theme.liquid before closing of tag

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

li.logo-bar__item {
border: 1px solid gray;
padding: 5px;
}

.section-header {
margin-bottom: 0px !important;
}
h3.h4 {
font-weight: bolder !important;
font-size: 21px !important;
}
th, td {
text-align: left !important;
border: solid 1px #d6d4d4 !important;
padding: 10px 14px !important;
}

Screenshot :- https://prnt.sc/ER6CAJSAasHV

[Alliance]

It worked out but affected other formats. Please have a look allianceautoproducts.com

[Alliance]

Hi buddy,

The space in other sections between headings and photoes got affected.

As for the brands borders, it should be one size based on the biggest brand border size, not auto fit.

Thank you

[Alliance]

Hi buddy,

The space in other sections between headings and photoes got affected.

Thank you

[Alliance]

I want it to be as this

Thank u

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

ul.logo-bar {
display: flex;
flex-wrap: wrap;
}

ul.logo-bar li.logo-bar__item {
min-height: 110px;
display: flex;
align-items: center;
}

div#TextColumnImageWrapper-1585004795688-0 {
margin: 0;
}
div#TextColumnImageWrapper-1585004795688-1 {
margin: 0;
}
div#TextColumnImageWrapper-1585004795688-2 {
margin: 0;
}

[Alliance]

Other headings got affected. Please see

[Ujjaval]

@Alliance
Put below css code into theme.liquid before closing of tag

.section-header {
    margin-bottom: 0!important;
    margin-top: 4px !important;
}
.grid--view-items {
    text-align: center;
    margin-top: 63px !important;
}

[Alliance]

Hi buddy,

This is the generated issue after fixing text to column issue. The space between collections headings and photoes became very narrow.

I applied your last code but it didn’t work out.

[Alliance]

[Alliance]

Hi buddy,

I fixed it out. You the bottom margin to 0 in section header. I chaneged it to 50px and it worked out. Thank you a gain