Desktop Image Placement won't go to center

Im unable to arrange photos in the center for desktop view.

I try to adjust the settings within the image with text tab containing the image but Im unable to position it in the center.

Here’s the link to my website https://dimas-torbert.myshopify.com im referring to the image on the front Home Screen

1 Like

Hi @Dimastorbert

The picture wont really go on the center that is the default design for Image with text so with the text beside the image. If youll choose the Image Banner, then this one will occupy all the screen. With the button and header text inside the image.

Check this one if your like to center this image with text section.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (min-width: 750px){
.grid--3-col-tablet .grid__item {
    width: 100% !important;
}
}

And save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like