How can I remove the frame from an image with text on my website?

[Elias10]

Hello, i am working on my website, and i want the image with text to have the image to not have a "frame" around it. I want it to just be there and not have anything around it accept of course the coloumb of text by the side.

Please help.

Website:https://d8106d-4.myshopify.com/

No password

See picture how it is now VS how i want it to look like.

[Natasha-Saed]

Hi,

Go to online store

Click on edit code

open your base.css file

Paste the following code and save

#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474
.page-width {padding-left: 0px !important; padding-right: 0px !important;}

If my solution worked accept it as a solution.

[Elias10]

Yeah, it worked on phone, but it is possible to do it on the PC as well? Thanks for the help so far.

[Natasha-Saed · Accepted solution]

Yes sure modify the code to be

#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474 .page-width {

padding-left: 0px !important;

padding-right: 0px !important;

margin-left: 0px !important;

margin-right: 0px !important;

}

Let me know if you need more help

[Elias10]

It looks really good, but only if you want to... Is it possible to make the text be in the middle on PC?

Thanks for the help, i really appriciate it!

[Natasha-Saed]

Like this ?

[Elias10]

Yes, so it is in the center of the black space

[Natasha-Saed]

Try this code please and let me know if it worked by marking this as a solution

@media only screen and (min-width: 768px)
.image-with-text__media-item--small, .image-with-text__media-item--large+.image-with-text__text-item {width: 50% !important;}