How can I center an image with text on Boundless?

Store Design
1

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

Currently looks like this- aligns to the left:

Screen Shot 2021-08-14 at 12.30.48 am.png
Screen Shot 2021-08-14 at 12.30.48 am.png2160Ă—1352 205 KB

1 Like
2

@electricsociety

Please share your store URL.

3

www.electricsociety.com.au

currently in progress

1 Like
4

@electricsociety

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

5

password is iaskew

6

@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!

7

Thanks!

8

Hi,

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

1 Like
9

@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;}
}