DAWN Theme : Remove Extra space of product block type POPUP ( above & below ) & TEXT block

Store Design
1

Hello,

  1. We added block type POP-UP to our product page to display size chart. How to remove extra space above and below Pop-up block.
  2. Also possible to remove extra space above Text Block ??

extra space marked in red below

block type popup and text.jpg
block type popup and text.jpg501×622 37.1 KB

Thanks

1 Like
2

Hi @fostino

Would you mind sharing your store’s URL so we can provide a solution for that? Thanks!

3

@fostino Please send me your store URL

4

@fostino
kindly Share your Store URL,
So that we can check and fix it.

5

Hi @fostino ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

6

@DelightCart @Zworthkey @JHKCreate @AvadaCommerce

https://fostino.com/?_ab=0&_fd=0&_sc=1

link to our theme copy where we added popup before making it to live.

Thanks

1 Like
7

@fostino

Use an Size chart app.
in Size chart app you can Edit the Text and Sizes according to you need.
Thank you.

8

@Zworthkey

To reduce use of apps, have made size chart page and linked it to popup block.

Its just that popup block have extra space above and below on produce page which needed to be removed.

9

Hi @fostino ,

Add the following code to your theme.css file

.product__info-container .product__text {
    margin-top: -15px !important;
}

.product__info-container .sezzle-widget-wrapper, .product__info-container .no-js-hidden {
margin-top: 0 !important;
}

Hope it helps!

1 Like
10

@UmairA

Thanks man for solution

since we are using DAWN theme have added your code to base.css

and removed (.product__info-container .sezzle-widget-wrapper,) since it was adjusting widget of sezzle.

Thanks & Regards

1 Like
11

Hi @fostino ,

Smart Moves! You are welcome.

1 Like