How can I make an 'image with text' section full width?

[albaq]

Hello, I want a section "image with text" to be full-width. I've seen it on other pages and tried to apply some of the solutions I found in these forums but I haven't managed to make it work. 

[sahilsharma9515]

Hi @albaq 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,

Sahil

[laddisahsi]

Hi @albaq 

Please share store URL?

[albaq]

Hi, this is the url: careerhabitpro.com

[sahilsharma9515]

Hi @albaq Thanks for providing the URL.

I have seen that there are 4 Image with Text section that you are using in the home page. Do you want to have full width for all the 4 sections?

I have done it for 1st section in home page. Please add this code in base.css file.

.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--19784022851915__e88cff30-04bd-46fa-8f6c-3b0324c7bc07-padding {
    padding: unset !important;
}

If you are not sure where is your base.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in Refresh Theme.
4. Click Edit Code.
5. Search Base.css in the code in left hand side.
6. Add the code given above in the bottom of the file.

Result:

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[albaq]

Hi, thank you very much!!!

It kind of worked though... This is how it looks now (see pic attached) How
can we get rid of the rounded corner and make sure it's full width in all
the browsers? Thank you!

[image: Captura de pantalla 2023-10-25 a les 14.08.27.png]

[sahilsharma9515]

Hi @albaq I am glad to hear that the solution has worked for you.

It will be great if you can hit Like and Mark it as solution!

Do you want to remove the rounded corner for all the images in Image with Text section or just for this section in the homepage?

Best regards

Sahil

[albaq]

Just the one in this section. 

Also, this is how it looks in big monitors... how can we make it is full width in all browsers? 

[sahilsharma9515]

Hi @albaq Can you share the Screenshot so that I can solve the issue.

Best Regards

Sahil

[albaq]

Yes, find it here. 

[sahilsharma9515]

Hi @albaq On which browser you are getting this issue?

Best Regards

Sahil

[albaq]

Google chrome with the big monitor, I can see it well on my laptop.

Also, how can we get rid of the rounded corners on the picture? Thanks 🙂