How can I center an image on the Brooklyn theme homepage?

Hi all,

I am trying to add an image onto my homepage. Just a basic image but there is no option to do this on the brooklyn theme. There is a section that I can add “image with text” but that requires the image to either be on the left or right side, I want it to be centered.

Can someone help please? I’m not familiar with web site/coding so any help would be great!

If needed, my website is jessajewelry.com

Quickest method is to just add a slideshow with only 1 slide/image block

Alternatively create a Custom Html section and add the following, keeping mind this will affect ALL “image with text” sections on the homepage.


If you want to have more “image with text” sections that aren’t affected by this you will then need to modify the above to target that sections ID.

Always backup themes and files before making changes to code

Alternatively add this to your themes CSS style file without the style tags()

Otherwise the section featured-row.liquid needs to customized or duplicated&customized to be only for images.