help : Need to reduce space below rich text

[wjaouhar]

hi,

i have a Debut theme, and in my page i use the "rich text" as a tittle and in need to reduce space below the rich text. i tryed lot of solution but not working. any idea please ?

[dmwwebartisan]

@wjaouhar 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[wjaouhar]

here it is :

www.ecolobatt.com

Pass : narganar

Many thanks in advance for your help

ps ; in addition if you also know how i could reduce the space above the quantity button , and below the payment buttom, it would be very helpfull

[dmwwebartisan]

@wjaouhar 

Please add the following code at the bottom of your assets/theme.css file.

div#shopify-section-16118529599f76769b {
    padding-top: 0px;
    padding-bottom: 0px;
}
div#shopify-section-16112487651d82af0e {
    padding-top: 20px;
}

OR try with the following to remove all sections gap.

@media only screen and (min-width: 750px){
.index-section { padding-top: 20px !important; padding-bottom: 55px !important; }
}

Hope this works.

Thanks!

[wjaouhar]

yes perfect !! thank you

but above the quntity button, and below the payment button nothing changed?

[dmwwebartisan]

@wjaouhar 

Sorry, I forgot. You can use the following code to reduce space of qty.

.product-form{
padding-top: 0px !important;
}

Thanks! 

[wjaouhar]

it all work ! you rock !

and an idea for the space between the payment button and the payment trust logos please ?

[dmwwebartisan]

@wjaouhar 

Sure, Please use the following code.

button.shopify-payment-button__more-options._2ogcW-Q9I-rgsSkNbRiJzA.shopify-payment-button__button--hidden {
    display: none;
}
.product-single__description {
    margin-top: px !important;
}

Thanks!

[dmwwebartisan]

@wjaouhar 

If the solution works then please provide Like and accept as a solution so others can take benefit.

Thanks!

[wjaouhar]

big thanks !