Borders of image in image with text section

[sirensiren]

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!

[Made4uo-Ribe]

Hi again @sirensiren

Do you mean like this?

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.

[sirensiren]

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

[Made4uo-Ribe]

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

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.