How do I center the image title on my online store?

I want to have the name of the image and price directly under the picture? How do I do this??

1,822 Views
Message 1 of 6
Report
5 REPLIES 5

Hi @BlakeRappaport,

 

The Weebly/Square Online Store currently could use some enhancements on the aligning of text, this would be a good feature request. However, there are a couple of options to do this.

 

Option 1: Use the 'Add Section' option to add a 'Text and image' section. There is a default layout there that has centered text on top of an image.

 

Option 2: I think the better option. Use the 'Add Section' option to add an 'Embed Code' section. This will allow you to directly embed code to your website. Some code you might leverage for this looks as follows.

<img src="image_source.jpg" alt="Image Name">
<center>used to center text</center>
<table style="width:100%">
  <tr>
    <th><img src="image_source.jpg" alt="Image Name"></th>
  </tr>
  <tr>
    <th><center>Image Description</center></th>


**tr is a table row
**th is a table header

 

1,787 Views
Message 2 of 6
Report

I need to center the text on my shop. I want the name of the item and price centered. Screen Shot 2020-04-17 at 1.43.36 PM.png

1,785 Views
Message 3 of 6
Report

Understood, as it is not a prebuilt feature of the Weebly editor, you need to use the embed code option noted above and code the HTML to do this.

embedshopcode.png

 

 

1,779 Views
Message 4 of 6
Report

I don't think you are understanding. I want the text on the bottom centered with the image. This is on my shop all page.

1,777 Views
Message 5 of 6
Report

See the last screenshot, you can do it by editing the HTML. Here is a closer screenshot of it labeled.

centeredimage.png

 

 

 

1,775 Views
Message 6 of 6
Report