How can i make the photo smaller and center the featured product block?

Store Design
, ,
1

trying to make the entire block centered and make the photo smaller since it takes over the whole page

Christine1065_0-1694703499964.png
Christine1065_0-1694703499964.png3318×1806 220 KB

2

Hello, @Christine1065
Do You Some Like This

oscprofessional_0-1694764442466.png
oscprofessional_0-1694764442466.png1659×902 98.9 KB

Go to The Online Store > Edit Code > Assets > theme.min.css

.wrapper.main-content.page-main--wrapper {
	margin: 0 auto;
	width: 70%;
}

Add this code in bottom

3

Hi @Christine1065

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.min.css

.wrapper.main-content.page-main--wrapper {
   margin: 0 auto !important;
   width: 60% !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly