Need to reduce spaces in blog page between header and main content

My website is : www.TOAIArt.com

My blog URL : https://toaiart.com/blogs/news

I need to reduce the space depicted by red arrows in the image below:

Hi @SurTri

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->timber.scss.css/theme.liquid(“style” tag)->paste bellow code in bottom of file

.main-content{

padding-top: unset !important;

padding-bottom: unset !important;

}

.section-header.text-center{

margin-bottom: unset !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Thanks , it worked perfectly.