How to centre custom content image, Debut theme?

Solved
WithLuke
Excursionist
23 0 7

Website - https://withlukestudios.com/

No pw.

I have an image at the bottom of the homepage, how do I vertically alilgn this on desktop to be centered?

Help is much appreciated, thanks!

0 Likes
Natztech
Shopify Partner
422 102 198

This is an accepted solution.

 

please Go to Online Store->Theme->Edit code then go to  Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-161313686788a3a538 .page-width .custom-content .align--center {
    margin: 0 auto !important;
     width: 100%  !important;;
}

 #shopify-section-161313686788a3a538 .page-width .custom-content .custom__item .custom__item-inner #CustomImage--1-492332908729 {
    max-width: unset !important;
    max-height: unset !important;
}

 

Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
WithLuke
Excursionist
23 0 7

Amazing! Thank you so much!

One more question, if you don't mind, is there a way to centre the product image in the featured collection "Lightroom Masterclass" in the homepage?  It is left skewed on desktop.

Appreciate it.

0 Likes
Natztech
Shopify Partner
422 102 198
#shopify-section-16133944512d9e8620 .page-width .section-header .grid .grid__item{
margin: 0 auto !important;
width: 100% !important;
}
Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
0 Likes
WithLuke
Excursionist
23 0 7

Thanks, didn't seem to work for this one though   

0 Likes