frannied77

Hi! Thanks so much! I figured it out. It was way simpler than I thought, but I figured out some code along the way, so it was a win, win, I suppose. I went to WooCommerce, Settings, and at the bottom of the page, Enabled Lightbox. Arrh! I do wish I figured that out earlier!!!

Any ideas on how to fix this would be greatly appreciated!

This is my CSS for the images, if anyone knows code, can they see what needs to be changed in order for my enlarged image to be centered?

/************************************************
* 11. Images *
************************************************/

.feature-img,
.feature-vid {
display: block;
text-align: center;
line-height: 0px;
margin-bottom: 12px;
overflow: hidden;
}
.feature-img.banner {
margin: 24px 0px 0px 0px;
}
.avatar {
background: #FFFFFF;
margin: 10px 20px 10px 0px;
padding: 6px;
}
.author-avatar {
float: left;
display: block;
width: 20%;
margin-top: 20px;
padding-right: 3.6%;
}
.author-avatar .avatar {
display: block;
margin: 0px;
padding: 0px;
border: none;
}
img.centered {
display: block;
margin: 6px auto 6px;
padding: 0px;
}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignnone {
padding: 0px;
margin: 6px 0px;
display: inline;
}
img.alignright {
padding: 0px;
margin: 12px 0px 12px 24px;
display: inline;
}
img.alignleft {
display: inline;
padding: 0px;
margin: 12px 24px 12px 0px;
}
.aligncenter {
margin: 6px auto 6px;
}
.alignright {
float: right;
margin: 6px 0px 6px 24px;
}
.alignleft {
float: left;
margin: 6px 24px 6px 0px;
}
.wp-caption {
background: #f4f4f4;
max-width: 100%;
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
padding: 8px 6px;
border: 1px solid rgba(0,0,0, .08);
}
.wp-caption img {
max-width: 100%;
margin: 0px auto 0px;
padding: 0px;
}
.wp-caption p.wp-caption-text {
display: inline;
font-size: 0.85em;
line-height: 1.6;
margin: 0px;
padding: 0px;
}

I’m sorry for the wrong wording. Do you know how to center an enlarged image?

My site is https://www.franniedilley.com My Theme is Shop

I figured it out. The photos weren’t the same size.

This is my website: https://www.franniedilley.com