Center content block on Baseline theme / rotation animation

[KeliA]

Hey, I am using the baseline theme.

But I don’t seem able to center an image or content block.

My goal is to feature a blender rotation animation, at the center of my main page, with text below the block (separated)

Any insight on how to go about it? CSS code?

[KetanKumar]

@KeliA

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[KeliA]

Hi Ketan,

Thank you for your prompt reply and support.

Im sharing my site url via messages.

[KetanKumar]

@KeliA

yes thanks

can you try this code

https://codepen.io/sungaila/pen/LzMgjE

[KeliA]

I created a custom css file and inserted the code https://codepen.io/sungaila/pen/LzMgjE but does not seem to work, not even on preview mode.

[KetanKumar]

@KeliA

yes, please share store url where did you add this code

[KeliA]

there you go: https://fezihaus.myshopify.com/admin/themes/123161673878/editor

[KetanKumar]

@KeliA

where is code

[KeliA]

https://codepen.io/sungaila/pen/LzMgjE

[KeliA]

The code i applied is the one you proposed earlier in our exchange: https://codepen.io/sungaila/pen/LzMgjE