How to reduce space between two custom HTML/Liquid sections on product page?

Store Design
1

Could you please advise, How to reduce space between two custom HTML/Liquid sections on product page?

Please see screenshot.

Link to product page:https://slike.lu/collections/ergonomic-desks/products/standing-desk-ergo-white

Thank you for help!

HTML codes for section.

Dimension section:

Dimensions


Standing desk ergo white dimentions

Specification section:

table { border-collapse: collapse; width: 100%; }

th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}

Specification


Table top size 118 cm x 60 cm x 2 cm
Electronic height adjustability 77 cm to 122 cm
Memory Save up to 4 custom heights
Height speed adjustment Up to 25 mm/s
Ultra silent height adjustment motor Up to 52 dB
Maximum load capacity 80 kg
Assembly time Up to 25 min
Assembly instruction Available in package
Assembly level Easy
Table top material MDF
Warranty 2 years (excl. wear and tear)
2

@Bik123 - please add this css to the very end of your styles.css file and check, this is for this particular section, it will not change others

@media (min-width: 768px){
#shopify-section-template--15261232595099__164010000613d1142c .section-spacing{padding-top: 0;}
}
1 Like
3

Thank you @suyash1 .

Could you please tell me how do you determine the number 15261232595099__164010000613d1142c, is it section ID? where I can find it so I can apply the changes on my other product pages?

4

@Bik123 - yes it is section id which you can get by right clicking on page, inspect element and check code

1 Like
5

Can I just paste code block multiple times for each product page? obviously each one with relevant section id?

Could you confirm that code should be added to styles.css.liquid?

@media (min-width: 768px){
#shopify-section-template--15261232595099__164010000613d1142c .section-spacing{padding-top: 0;}
}
6

Yes, change id for required section and you can use this code again