How to make the box of image with text, rich text full width?? (Origin Theme)

[gmuink]

Hi,

I would I make this image with text box and rich text box the full width to this about page??

For some reason the image box and the text box always leaning toward left  and does not go beyond the area.

Can you give me custom css for this specific page? I applied @media (max-width: 749px) custom css to both image with text, rich text section.

please see the link and attached image below.

https://yq4bwg-7h.myshopify.com/pages/contact

 

Thank you.

[Guleria]

Hello @gmuink ,

Storefront is password protected, please share it.

Regards
Guleria 

[gmuink]

Hi,
The password is gimpai

Thank you!

GUN KIM | Illustrator
twasusall@gmail.com
+1 917 599 1669

[gmuink]

Hello Guleria,

it’s gimpai

thank you.

[Guleria]

Edit theme.liquid, search for </head>

Now just before to it add this code

{% if template == 'page.contact' %}
<style>
.image-with-text__text-item.grid__item, .rich-text__blocks { 
    width: 100%;
    max-width: 100% !important;
}
</syle>
{% endif %}

Regards
Guleria

[gmuink]

Hey Guleria,

This worked perfectly but it did make the whole page darker..?

Any idea on this please?

[gmuink]

This is the screenshot.

[Guleria · Accepted solution]

Please update the code

{% if template == 'page.contact' %}
<style>
.image-with-text__text-item.grid__item, .rich-text__blocks { 
    width: 100%;
    max-width: 100% !important;
}
</style>
{% endif %}

[gmuink]

You are the best!