How to eliminate gaps in product information sections?

Store Design
1

I have big gaps as you can see from the picture in my product information section. I want an icon with text because I like the style of writing but there are two big gaps above and below that I need to get rid of. I’ve looked into the coding I can’t work it out I’ve looked at other people’s suggestions within the discussion but nothing is working. Can someone please help me?

Thank you

Screenshot 2023-07-02 17.21.15.png
Screenshot 2023-07-02 17.21.15.png698×798 51.3 KB

Screenshot 2023-07-02 17.20.37.png
Screenshot 2023-07-02 17.20.37.png700×1440 179 KB

The website is handsdownpro.com.au

2

Hi @jay113

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.icon-with-text.icon-with-text--vertical.list-unstyled.icon-with-text--text-only {
    margin: 0 !important;
}
.product__title {
    margin: 0 !important;
}
.icon-with-text__item {
    margin: 0 !important;
}
#placement-55acbcf4-98fc-4358-ae38-18a05568a3f5 {
    margin: 0 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly