|| Change max width of TEXT BLOCK from 'Image with text block section' (Prestige 7.3.3 Theme)

[theithei]

Hi,
I am using the Prestige 7.3.3 theme with an ‘image with text block’ section. I’d like to change the width of the overlaying text block. If possible I’d like to be able to customize it until happy with the right dimensions. maybe someone can tell me where I can find the numbers in the theme.css or image-with-text-block.liquid to edit it manually on desktop and mobile?

https://qxv9y0nb86pi0jnq-28196274313.shopifypreview.com

Any ideas?
Thanks in advance!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

#shopify-section-template--18007138173196__65d591ca-e8fc-45b0-8066-950fc9e10f62 .content.text-center {
max-width: 1150px;
}

[Artzen_tech]

Hello @theithei

Its Artzen Technologies! We will be happy to help you today.

This CSS add into your CSS file --:

.content.text-center {
    max-width: 600px;
}

@media screen and (min-width: 700px) {
.image-with-text-block.image-with-text-block--parallax {
    height: 500px;
}
.content.text-center {
    padding: 1.375rem 1.25rem;
}
}

Let me know if need further assistance
Regards,
Artzen Technologies

[theithei]

1rst try: worked like a charm! thanks a lot!

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.