Large space between paragraphs

[Mszilardova]

The space between the paragraphs on the home page is too large. Most of all what bothers me is the space between the "images with texts" - I´m not using texts. I´m using minimal theme and my shops url is: babyboutiquecanarias.com

Can somebody help please?

[dmwwebartisan]

Hey @Mszilardova,

Your store is password protected. Please share the store password. I will check and provide a solution here.

Thanks!

[Mszilardova]

Hi @dmwwebartisan,

Thank you very much! Sorry, the password is: babyshop

[dmwwebartisan · Accepted solution]

Hey

Please add following code in your assets/theme.scss.liquid file.

#shopify-section-1597521233794.index-section {padding-top: 0px;padding-bottom: 0px;}
@media screen and (min-width: 769px){
#shopify-section-1597521233794.index-section {padding-top: 0px; padding-bottom: 0px;}
}

Hope this works for you.

Thanks!

[QuangN · Accepted solution]

Hi @Mszilardova,

You can also try this code:

.index-section { padding-top: 0 !important; padding-bottom: 0 !important; }
.wrapper.main-content { padding-bottom: 0 !important; }
.product-single__photos { margin-bottom: 0 !important; }

 By the way, I suggest you include a hero banner and reduce the size of the Baby Boutique banner (which looks blurry and needlessly big).

The hero banner should quickly describe the products you are selling and give visitors an overview of your product ranges. You can read more here about what to include on your homepage.

I hope this helps. If the code works, please like and mark it as a solution ;")

[Mszilardova]

@dmwwebartisan Thank you so much! It does work, however I´m curious if the space can be even smaller? I show you how it was before and now:

      

Also, I have another question if you don´t mind. If there is no text with the images, I would like to make the images wide on a desktop view. Now it´s like 50% image, 50% text, even if there is no text. Do you have any idea about that?

[Mszilardova]

Thanks @QuangN for your help! And also for your recommendation The page is very basic yet, I´m trying to figure out how everything works.

Can you please help me with another issue I mentioned above? I would like to make the images with texts wide on the desktop view if they dont have any text. Is that possible?

[dmwwebartisan]

Hey @Mszilardova,

In your other question for which section's images you are talking about?

Because images have text. Please provide a screenshot.

Thanks!

[dmwwebartisan]

Hey @Mszilardova,

Please add the following code in your assets/theme.scss.liquid file to reduce more space

@media screen and (max-width: 768px){
feature-row__text {padding-top: 0px;}
}

Hope this works for you.

Thanks!

[Mszilardova]

Hey @dmwwebartisan,

I´m talking about the homepage in desktop view. The images only take 50% of the space, but I would like them to cover 100% in width in case that there is no separate text (not on the picture itself).