Center an image

Shopify Discussion
1

I have a simple image of a heading on my home page placed using this code.

img {
display: block;
max-width: 40%;
}

It is currently justified to the left. Can someone tell me the correct code to centre it.

Thanks

2

Hello @Leeloo
can you please provide the screen shot of your heading image.

3

Thanks so much!! That worked! I was having trouble attaching a screenshot!! :squinting_face_with_tongue:

1 Like
4

Hey again. That worked but it’s become super tiny on the mobile view? Anything I can do to fix it? Thank you!

5

Hello @Leeloo
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
#shopify-section-template--17303032529118__custom_liquid_qdtqTq img {
display: block;
max-width: 60%;
margin: 0 auto;
}
}

result

1.png
1.png503×375 31.6 KB

If this was helpful, hit the like button and accept the solution.
Thanks

6

The url is www.chantalhandley.com and it’s the image that says ‘Fine Art by Chantal Handley’. Looks great on the desktop view! :grinning_face_with_smiling_eyes:

Thank you!

7

Not sure it worked?

8

Yep!! :+1: Thanks! Bought you a coffee! :hot_beverage: :heart_eyes:

1 Like