How to center align product title and price in the Atlantic Theme

[LeannaP]

Hello,

I'm trying to center align all the product titles and prices. I'm using the Atlantic theme. Does anyone know how to do this? Or which code to edit?

[PageFly-Victor]

Hi @LeannaP

You can try this code by following these steps: 

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

Step 2: Search file theme.css

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

#PageContainer .product__title,#PageContainer .product__price{
display:block;
text-align:center
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[LeannaP]

Hi Victor! Thanks for the info. Unfortunately this didn't change anything for me 😞 

[gr_trading · Accepted solution]

Hi @LeannaP 

Please following below steps: 

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

Step 2: Search file theme.css

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

.product-card-details {
    text-align: center !important;
    align-items: center;
    flex-flow: column wrap;
    display: flex;
}

Hope it will help...

[PageFly-Victor]

You can give the URL and after that, I will give you the code again