Adding padding to a product page and removing installment payment text: how?

Technical Q&A
1

1)How to add padding between the header and product title for collection page and product page.

2)How to remove the installment payments text?

1 Like
2

zhiyuan_0-1639306197841.png
zhiyuan_0-1639306197841.png1372×471 74.4 KB

This is my website www.hayclon.com

1 Like
3

Hello @zhiyuan ,

  1. Add the below CSS to your theme.css theme file at the bottom to add the space between header and title on collection and product page:
h1 {
    padding-top: 10px !important;
}
div#ProductSection-product-template {
    padding-top: 10px !important;
}
  1. Can you please send me a screenshot of which text you want to remove and the page URL as well?
1 Like
4

Hi there,

  1. I have added the code above but the problem still persist.

  2. The url is: https://www.hayclon.com/collections/product/products/lumiere-v1-0

Capture.PNG
Capture.PNG334×115 11 KB

1 Like
5 
h1.product-single__title {
    padding-top: 10px !important;
}

Add this code in theme.scss or theme.css @zhiyuan
Thank you

6

@zhiyuan

Which text you want to hide.
Mark it.

7

@zhiyuan
Will you provide collaboration access so that we can help you. Easily
Thanks

8

Hello @zhiyuan ,

Thanks for your reply.

  1. Please replace the code with this one and check:
.page-width {
    margin-top: 0px !important;
}
  1. To remove the text add the below CSS:
.atome-widget {
    display: none !important;
}
div#hoolah-tagline {
    display: none !important;
}
.grab_multi_line_widget.grab_widget.l_widget.size_m {
    display: none !important;
}

Hope this will help you out.

1 Like
9

@zhiyuan

span#modal-elem {
    display: none !important;
}

Add this code in theme.css
Thank you

10

It still doesn’t work for me. ive save the coding and refreshed.

11

Hello @zhiyuan ,

Can I send you the collaboration access request to perform the solution by me?

1 Like