How can I center my content and adjust separator thickness?

[blcksjfds]

Hi there!

I’d like to know how I put all the content above the grey seperator to the center.

Also, how do I change the thickness of the seperator?

Many thanks!

[made4Uo]

Hi @blcksjfds ,

Do you mind sharing your website url?

[blcksjfds]

It’s https://pinsowl.com/products/skull%E2%84%A2-ultra-realistic-mask

[techDynasty]

@blcksjfds Add the below code to your theme.css file.

Navigate to online store and click edit code

Now search “theme.css” file

Add the code to the below of that file

Save it

.product-block product-block–header,

.product-block–price{

text-align: center;

}

[made4Uo]

Hi @blcksjfds

Thank you for providing the link

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

NOTE: Change the border size 2px to the size of choice

.product-block hr {
    border: 2px solid #e8e8e1;
}

.product-block.product-block--price {
    text-align: center;
}

[blcksjfds]

Hi there!

It almost worked. It seems like the product title and variant doesn’t move along if the product has variants