Modify spacing between Image with Text elements - Showcase theme

Store Design
1

Hello,

I am looking to reduce the space between ‘Image with Text’ elements and I am having trouble doing so. Please see the URL https://evamedadmissions.com/pages/amcas and the elements titled ‘Personalized consultant match’, ‘Strategic advising’, etc. I would like to reduce the spacing between these and successive elements of the same class.

Thank you for any assistance!

2

Hello @noobify

Please use below code on assets → styles.css at the bottom to remove unwanted spaces

@media (min-width: 768px){
body#page-amcas .image-with-text.section-spacing-sm {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}

Niraj_singh_0-1656435199558.png
Niraj_singh_0-1656435199558.png1919×978 166 KB

1 Like
3

Hi @Niraj_singh

Thank you for your solution. I should clarify that I only want to reduce the spacing between the Image with Text elements without modifying space between other elements on the page. Is there any way to do this?

Thank you for your help!

4

hi @noobify

This is solve for you,

You can add the short code bellow at the bottom of the assets/styles.css file:

@media only screen and (min-width: 768px){

.section-spacing-sm {
padding-top: 50px;
padding-bottom: 40px;

}
}

5

Hello @noobify

I just edited the code please use that which helps you to reduce space only between image and text sections

6

Hi @Niraj_singh ,

This worked! Thank you so much for your help! Would you mind also providing the code for making the same changes to the ‘Rich Text’ elements?

Thank you!

1 Like
7

Hello @noobify
yes I can help please let me know which area you referring for richtext section

8

@Niraj_singh under the rich text titled ‘Better service for less’

9

Hello @noobify

Please use below code on assets → styles.css at the bottom to remove unwanted spaces

@media (min-width: 768px){
body#page-amcas .shopify-section section-rich-text .section-spacing-sm {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}

10

Hi @Niraj_singh

Unfortunately, this didn’t work for the rich text. Perhaps it’s due to the top padding from the ‘text columns with media’ below?

Thank you for your help!