Image and text customisation help for store

Shopify Discussion
, ,
1

Hi, I want to know how to get rid of these white borders on either side of the image and text if possible?

I’d also like to know how to customise it further so that I can make the image wider and better fit etc…

marlerjake_0-1702293727944.png
marlerjake_0-1702293727944.png1438×741 164 KB

Hoping someone can help me out with this, would be much appreciated.

thanks again!

2

Kindly share your shop ULR

3

Preview URL

4

Yes Preview URL, kindly share

5

Hello @marlerjake ,

As I understand you are looking to remove the spacing on all sides of this section.

You can implement this change by adding below mentioned code.

Please follow these steps-:

  1. Go to Online store → Themes → Click on Three dots(Action) → Edit code

  2. Now, Search for the theme.liquid file and open it.

  3. Next, add the below mentioned code at the bottom of the file before tag.

.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--18316902367551__b582fa6d-acb0-4885-b003-1d7a82cef423-padding { padding: 0px 0px 0px 0px; }
  1. Save

Output = https://prnt.sc/L2FYDo_WDW6e

Note: You can adjust spacing by adding pixel size in case you want white in any of the sides.

I hope it helps you.

Please share if you have any query or need further assistance.

Thank you.

6

Hi @marlerjake ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

theycallmemakka_0-1702304566195.png
theycallmemakka_0-1702304566195.png1261×714 151 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

7

www.aussieicebaths.com.au

8

thanks heaps

9

Bonjour, j’ai le même problème de bordure qui apparaissent autour de mes photos lorsque je les publie sur Shopify alors que d’origine elles n’ont aucune bordure blanche. Cette solution pourrait elle fonctionner pour ma boutique? J’ai le thème “Supply”

10

Shopify.PNG
Shopify.PNG847×957 432 KB

Good morning
I am having a problem with white borders appearing on my photos when I put them on my store even though they originally have no white border. I want to solve this border problem by removing them from all my photos because I would like to use a background of the same color as in the photo. When I had a white background, I didn’t have any problems because I didn’t know that Shopify added borders. But there on the colored background, we only see these borders which give the theme an appearance that is really not clean and absolutely not professional. Please tell me if there is a coding for the “Supply” theme that I use to mass process my +10,000 photos on my site because I will not be able to rework them one by one, it’s absolutely not possible. Or if a free App could support mass processing of photos to crop unwanted borders around my photos. I’m looking for a solution to automatically process all my current photos as well as all those I will add later, so that I don’t have to constantly do the same operation each time. Thank you for the help you can give me. I recall my store theme, the “Supply” theme