Adding third-party widget to a specific page on my website

[paoloreflex]

Hi,

Is there a way to do this? I want to add a couple of third-party widgets to a specific page of my website.

Many thanks.

[ennovative-it]

Hello, which type of page?
Secondary page, product page, collection page..ecc ?

[paoloreflex]

Hi, it's a product page - and I've actually managed to create a custom liquid section on that page and copy the code in there.

However, I'm not great with code and wanted to know how to do things like centering the widget on the page and maybe get rid of the widget's black outline?

Here's the page: https://2ae335-66.myshopify.com/products/moon-mist%C2%AE-aura-spray

Thank you 

[ennovative-it]

You referring to the chat with us button?

[paoloreflex · Accepted solution]

No, the widget I want ot edit is the "Current Moon Phase" one.

Please, see screenshot.

 

[ennovative-it]

in the section "Custom CSS" add this:

.moon_container.horizontal {
margin:0px auto!important;
}
h2#moon_astro {
    margin: 0px auto!important;
}
#section-template--24834861105497__custom_liquid_jpPiYJ-padding .moon_container.horizontal {
    border: 0px !important;
}

[dreamtechzone_5]

Please help me, Sir. Thank you.

https://community.shopify.com/c/shopify-design/want-to-remove-icon-from-we-are-social-menu-boost-the...