How to align to center div class in Custom HTML section

Store Design
1

Hi I am having trouble getting a custom content section to align to the center of the home page https://sp-oprema.myshopify.com/.

<div class=" calconic-calculator" data-calculatorid="611a26fadb5cac0021b81d69"

Untitled.jpg
Untitled.jpg1892×772 39.8 KB

Thank you

Sasa

1 Like
2

@sakki

Please add the following code at the bottom of your assets/theme.css file.

.calconic-calculator{
display: flex;
justify-content: center;
}

Hope this works.

Thanks!

2 Likes
3

Thank you so much!!!

1 Like
4

Beautiful! You can also try writing this inline like I did. I had a simple text block and made the opening div:

Worked like a charm!! Thank you.

David