Solved

Wide image on Image with text

Elias10
Excursionist
24 0 3

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.

Accepted Solution (1)
Natasha-Saed
Shopify Partner
396 43 69

This is an 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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 7 (7)

Natasha-Saed
Shopify Partner
396 43 69

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Elias10
Excursionist
24 0 3

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
Shopify Partner
396 43 69

This is an 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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Elias10
Excursionist
24 0 3

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
Shopify Partner
396 43 69

Like this ?

NatashaSaed_0-1704565352975.png

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Elias10
Excursionist
24 0 3

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

Natasha-Saed
Shopify Partner
396 43 69

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;}

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint