Center align custom object beneath my product heading?

Store Design
1

Hi Shopify community!

I’ve searched high and low, and have tried multiple approaches but cannot seem to find a solution that works.

I’ve just signed up with a new payment partner and they sent me a bit of code to add on my product-template.liquid just beneath my product pricing (it displays their logo and how their payment method works). The code works fine, but I cannot seem to get it to display centered beneath my product heading. Everything else beneath my heading is centered so that little section looks a bit odd and out of place. Please see below, the section in question is circled in red.

Screenshot 2021-09-08 at 07.36.00.png
Screenshot 2021-09-08 at 07.36.00.png3376×1646 907 KB

Do I need to add something to the code itself? Or do I need to add something to theme.scss.liquid?

Please keep in mind I’m a complete noob when it comes to coding, so I might not use or be familiar with the corrects terms :slightly_smiling_face:

Would really appreciate if someone could help me with this.

2

hii, @SonjeM
Kindly share your store URL so,
I can solve your issue.
Thank You.

3

Thank you @Zworthkey !

https://sonny-mo-arts.myshopify.com

4

@SonjeM
Do you want to like this?

download (30).png
download (30).png1355×580 440 KB

5

@Zworthkey Yes, that is exactly it! Would you mind sharing how I can do this?

6

@SonjeM
Paste this code on top of the timber.scss file.

@media only screen and (min-width: 992px) {
.pjn-inner {
    text-align: center !important;
    margin-left: 50px !important;
}
}

Thank You.

7

@SonjeM

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

  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.pjn-container .pjn-inner {margin: 0 auto !important;}

Thanks!

8

@dmwwebartisan & @Zworthkey Thank you, thank you, thank you! This worked perfectly! I really appreciate you taking the time to help.

9

@SonjeM
Welcome.