Can i move this image to the middle of the desktop page

Store Design

Topic summary

A user working with Shopify’s Sense theme wants to center an image from the ‘Image with text’ section on their desktop homepage (futcoinworld.com).

Solution Provided:
A community member shared CSS code to hide the text element and center the image by adding custom CSS to the theme’s stylesheet (base.css/style.css/theme.css).

Current Status:
The solution works but the image is positioned slightly too far to the right. The user is requesting guidance on how to fine-tune the horizontal positioning.

Key Details:

  • Screenshot provided showing the desired layout
  • CSS targets specific section class for the image-with-text component
  • Issue remains open pending adjustment instructions
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I am using the Sense theme with the ‘Image with text’ section, can I move my first image to the middle of the desktop screen?
website - futcoinworld.com

Thanks

1 Like
2

Hello there

Can you share a screenshot with red mark for more clear understanding ?

Regards

Titu

3

MaxWard_0-1743002668143.png
MaxWard_0-1743002668143.png2660×1572 282 KB

4

Hi @MaxWard

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
.section-template--24760703058245__image_with_text_DJknU9-padding .image-with-text__text-item {
    display: none;
}

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

5

That is nearly perfect! If you look at my website now, it is just slightly too far to the right. Is there any way of me slightly adjusting how far across it goes?
Thanks