Reduce padding of title section on Product Page

[Jac_Lindsay]

Hi, I was hoping to adjust the padding of the title on the product page so that the products appear higher on the page so the viewer doesn’t have to scroll down to view the products when the page opens. Basically reduce the gap I have coloured aqua in the attached picture. Any help is most appreciated

[suyash1]

@Jac_Lindsay - can you please share this page link?

[PageFly-Oliver]

Hi @Jac_Lindsay ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-card.css

Step 3: Paste the below code at the bottom of the file → Save

.card-wrapper > .card-information{margin-top:5px !important}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Dan-From-Ryviu]

Hi @Jac_Lindsay

Could you share your page URL?

[Jac_Lindsay]

Hi Oliver, unfortunately I didn’t have any luck with that. It didn’t seem to change. Thanks for the response though

[Jac_Lindsay]

Hi Dan, Can you see this? https://44cbcd.myshopify.com/

[Dan-From-Ryviu]

Please add this code to your base.css file

.content_wrap { padding-top: 0px !important; }
.page-title-wrapper.trx-page-title { padding-bottom: 0px !important; }

[Jac_Lindsay]

Thank you so much Dan! That worked Much appreciated!

[Dan-From-Ryviu]

Happy I could help!

[Jac_Lindsay]

Thanks for responding but I have a solution.