Product Page - Title and Purchase Button Centered

bevvybud · July 28

Hi,

I am trying to get the product/service page titles and purchase/quantity to be centered with the rest of the text for all of my products on both web and mobile view. Please Help!

https://www.thelotus.space/thelotusspaceshop-tarotreadings/p/three-question-tarot-reading

Thank you,

Bev

Edited July 28 by bevvybud

Ziggy · July 28

Please can you share your website URL and the pages you are referring to? Can you also give details on the text you want centered?

bevvybud · July 28

Yes. Thank you for your help!

This is one of the product pages that will not center. It is the same for all product and services.

https://www.thelotus.space/thelotusspaceshop-tarotreadings/p/three-question-tarot-reading

I want the title (three tarot card reading) , quantity, and purchase button to be centered.

Edited July 28 by bevvybud
clarification

Ziggy · July 28

Try this Custom CSS:

.pdp-layout-wrap-around .pdp-form-wrapper {
  text-align:center;
}
.pdp-layout .pdp-details .pdp-details-title {
  text-align:center;
}
.ProductItem-nav {
    justify-content: center;
}

bevvybud · July 28

It worked! Thank you so much!

Ziggy · July 28

14 minutes ago, bevvybud said:

It worked! Thank you so much!

No problem!

Product Page - Title and Purchase Button Centered

Recommended Posts

bevvybud

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

bevvybud

Ziggy

Ziggy

Link to comment

bevvybud

Link to comment

Ziggy

Link to comment

bevvybud

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

bevvybud

Ziggy

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources