Large space between paragraphs

Solved
Mszilardova
Tourist
10 0 3

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?

0 Likes
dmwwebartisan
Shopify Partner
4350 977 1241

Hey @Mszilardova,

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Mszilardova
Tourist
10 0 3

Hi @dmwwebartisan,

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

0 Likes
dmwwebartisan
Shopify Partner
4350 977 1241

This is an 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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App

This is an 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 ;")

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
Mszilardova
Tourist
10 0 3

@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:

   IMG_2648.PNG   IMG_2649.PNG

 

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
Tourist
10 0 3

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?

0 Likes
dmwwebartisan
Shopify Partner
4350 977 1241

Hey @Mszilardova,

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

Because images have text. Please provide a screenshot.

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4350 977 1241

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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Mszilardova
Tourist
10 0 3

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).

2020-08-19 12_35_31-Baby Boutique Canarias.png