Center image

[elishakolade]

I will please like advise on how to have image center and text underneath the image for desktop and mobile view.

Am trying to take advantage of the full width , while at the same time have both text or caption underneath the (centered image.) am currently using Sense theme

[Made4uo-Ribe]

Hi @elishakolade 

Please, share your store URL. If not publish please share the preview. Thanks!

[suyash1]

@elishakolade  - can you please share this page link?

[DaisyVo]

@elishakolade 

Please share with me the store link

Best,

Daisy

[oscprofessional]

Hi @elishakolade ,

To center an image with text or a caption underneath while maintaining responsiveness for both desktop and mobile views in the Shopify Sense theme, you can use a custom Liquid section.

1. Go to Online Store > Themes > Customize> Add custom liquid section 
2. Add below code in the custom liquid

<div class="shopify-section page-width"
 <div class="centered-image-with-text">
  <img src="image.png" alt="Your Image Alt Text" class="centered-image">
  <h2 class="image-with-text__heading inline-richtext h1">Image with text</h2>
  <p class="image-caption">Your caption or text goes here.</p>
 </div>
</div>
<style>
.centered-image-with-text {
  text-align: center; 
  margin: 0 auto; 
  max-width: 100%;
}

.centered-image {
  max-width: 100%; 
  height: auto; 
  display: block; 
  margin: 0 auto;
}
</style>