MOTION THEME - Product - Information / design adjustement

[lion_no]

Hello!
I'm trying to figure out how to adjust design choices for the products.

Change placement of text, and if possible 2 different designs.
Currently looks like this:

but would love the option to adjust it like this:

Preview link - https://28x38yzbem51frl6-50647859379.shopifypreview.com/collections/archive?sort_by=created-descendi...

NOTE: Would like this design adjustment for all products, ex. both on frontpage and collection pages, so its likely a change directly on the product configuration

[Zworthkey · Accepted solution]

Hii, @lion_no 
Paste this code on top of the theme.scss file.

.grid-product__meta {
    text-align: center !important;
}

Thank You.

[lion_no]

Thanks @Zworthkey !
That seems to have sorted out the placement of the text at least 🙂
(You can see it is now centered in the preview link)

Any idea how I could add a bold text to the product name?

[Zworthkey]

@lion_no 
Paste this code on top of the theme.scss file.

.grid-product__title {
    font-weight: bolder !important;
}

Thank You.

[dmwwebartisan]

@lion_no 

Code for mobile product page.

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 589px){
.product-single__meta {text-align: center;}
.js-qty__wrapper {text-align: center;margin: 0 auto;}
}

Thanks!