Re: Borders of image in image with text section

Borders of image in image with text section

sirensiren
Excursionist
41 0 8

Hello! I have a question and I am using the Dawn Theme.

 

Does anybody know if there is a way to get rid of these borders around the image in image with text section? I want the image to be as big as the red border I drew on the picture, and not have borders at all. Is it somehow possible? And I want all image with text sections to have this appearance, I don't want it for a specific one.

 

Thank you for your time! ❤️ 

imagewithtext.png

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Hi again @sirensiren 

Do you mean like this?

Made4uoRibe_0-1696948397687.png

This will apply to other image with text section as well. You like to apply on one section only?

This is the code. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

 

.image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--top.grid__item {
    border: 1px solid red;
    padding: 25px;
}

 

 

  • And Save.
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
sirensiren
Excursionist
41 0 8

Hello again, my dear friend! I'm sorry, maybe I didn't explain it clearly enough.

 

First of all, I don't want a red border, I just drew it to show everyone where I want the image to appear 🙂

 

I made a new drawing below, to show you what I want. If the black border is the default shopify natural border of image with text section, I want the image to be as big as the red border. And If I change the size of the image using the theme editor, I want the image to change sizes, but still have no borders around it. I wish I made it more clear now 😕

imagewithtext.png

 

 

Made4uo-Ribe
Shopify Partner
6827 1629 2007

oh i thought its a border. Do you mean like this?

Made4uoRibe_0-1696951099387.png

The border are just a line to make it visible. If its like this the height of the image wont be square, it will be vertical rectangle.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.