How do I center an image using custom content?

How do I center an image using custom content?

marisaemersons
New Member
5 0 0

I've used custom content to place an image as my header and resized using the function below. However, the image won't center and there's more margin on the right than on the left. I'm using venue theme. Can I please have help fixing this?

div {
width: 1600px;
height: 650px;
justify-content: center;
align-items: center;
}

 

 

 

 

Replies 3 (3)

DitalTek
Shopify Partner
881 103 121

Hi,

If possible could you attachment the store's url here that make easy for community to check and help you. And if your store is protecting by password you can attach too. In addition, you could point to which part you need check on your site.

Hope your issue will solve as soon.

- You can please Like and Accepted Solution if my suggestion helpful.
- And you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatsApp
- Website: ditaltek.com

Dan-From-Ryviu
Shopify Partner
11564 2264 2447

Hi, please try to add this additional code to check 

div img {
display: inline-block;
margin: 0 auto;
text-align: center;
}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

ZenoPageBuilder
Shopify Partner
1052 203 229

There is a line missing from the code. Please try this instead

 

width: 1600px;
height: 650px;

display: flex;
justify-content: center;
align-items: center;

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com