How can I center an image with text on Boundless?

I am needing some help to centre an image with text on my page

Currently looks like this- aligns to the left:

1 Like

@electricsociety

Please share your store URL.

www.electricsociety.com.au

currently in progress

1 Like

@electricsociety

Your store is password protected, Please share password OR you can share preview URL if your site is not live.

password is iaskew

@electricsociety

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width:750px){
#shopify-section-162857261657f4c9d7 .one-half {
    width: 100%;
    display: block !important;
}

#shopify-section-162857261657f4c9d7 .feature-row .feature-row__image-wrapper {
    position: relative;
    max-width: 50%;
    margin: 0 auto;
}
}

Hope this works.

Thanks!

Thanks!

Hi,

I now have a big space on my page. how do i fix this?

1 Like

@electricsociety

Add this css class for remove space

@media only screen and (max-width: 749px){
#shopify-section-162857261657f4c9d7 .feature-row .feature-row__image-wrapper {padding-top: 75% !important;}
}

@media only screen and (min-width: 750px){
#shopify-section-162857261657f4c9d7 .feature-row .feature-row__image-wrapper {padding-top: 45% !important;}
}