Boundless Theme - How to center product name and page contents

Highlighted
New Member
2 0 0

How can I center my product’s page contents (ex: https://3rdline.co/collections/third/products/third-tee?variant=35473377296547) I want the size selection and apple pay, etc buttons centered 

0 Likes
Highlighted
Astronaut
1085 177 213

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:


.template-product .product__details-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.template-product .product__details-content .grid__item  {
    width: 100% !important;
    max-width: 100% !important;
    float: clear;
    text-align: center;
    left: unset !important;
}

.template-product .product-single__description,
.template-product .product__details-content form{
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.template-product .product__details-content form{
    margin: 0 auto;
    text-align: center;
}


Let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
2 0 0

worked, now how do i center everything like the prices on this page (ex: https://3rdline.co/collections/all)

0 Likes
Highlighted
Astronaut
1085 177 213

It'd require to hire a developer for more in-depth customizations, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

Please press the button "accept as answer" below my answer and "like" to help other people in the community with similar issues as yours.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes