What is this blank space below table?

This topic has 3 replies, 2 voices, and was last updated 4 years, 6 months ago by Elise Noromit.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 1, 2019 at 3:11 pm #147890

KH
Participant

Hi, please view the screenshot here https://www.dropbox.com/s/r2rktrhjsksysw0/Screenshot_20191001_220337.jpg?dl=0. What is this blank space? To see it, you can view this product with your mobile. https://www.khai.la/product/%e0%bb%80%e0%ba%aa%e0%ba%b7%e0%bb%89%e0%ba%ad%e0%ba%8d%e0%ba%b7%e0%ba%94%e0%bb%81%e0%ba%82%e0%ba%99%e0%ba%aa%e0%ba%b1%e0%bb%89%e0%ba%99%e0%bb%81%e0%ba%9a%e0%ba%a3%e0%ba%99%e0%ba%94%e0%bb%8c-azul-by-mo/.

I’ve created a table using raw html in html block. Then I add this html block in that product description. But there’s a blank space comes up below the table. How to remove this space?

October 1, 2019 at 6:40 pm #147919

Elise Noromit
Member

Hello,

You have set padding to be zero, however, have not set the margin zero as well https://prnt.sc/pdiv6o

Best Regards

October 10, 2019 at 12:37 pm #149445

KH
Participant

I have set margin and padding in row and in the content “raw html” to zero, but still not solve the issue. I’ve inspected the element and found that table has margin-bottom: 35px by default table {margin-bottom:35px;}

So I add this to my table in raw html <table style="margin-bottom:0px;"> Now it’s working.

October 11, 2019 at 7:05 am #149563

Elise Noromit
Member

Hello,

Enter the plugin which creates this size table and remove all <p> tags http://prntscr.com/phs73e

The margins have gone now. The gap is caused by <p> tags

Best Regards
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

No account yet?

Create an Account