Image with text padding - Prestige theme

[emilyaugstudios]

Hey everyone! Me again sorry!

I was wondering if anyone knows the best way to centralise text in an ‘image with text’ section on the prestige theme? Images attached below…

URL – https://927103-16.myshopify.com/pages/our-story

Currently the text on both the left and right hand sides sit closer to the image, I want them to sit central in the space provided if possible? Any help or advice would be greatly appreciated!

[BSS-TekLabs]

• Here is the solution for you @emilyaugstudios
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

@media screen and (min-width: 700px) {
    .image-with-text>.prose {
        max-width: 100% !important;
    }
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[BSSCommerce-HDL]

Hi @emilyaugstudios ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[emilyaugstudios]

Hi @BSS-TekLabs thank you for your help. Do you know if there’s a way to stop the text box from widening/stretching and instead it be the same width as it currently is, just centralised? No problem if not

[BSS-TekLabs]

@media screen and (min-width: 700px) {
    .image-with-text>.prose {
        max-width: 100% !important;
        margin: auto !important;
    }
.image-with-text>.prose p{
            width: 430px !important;
    }
}

Can you try this code @emilyaugstudios