How can I resize an image on the Dawn theme?

Store Design
1

How do I reduce the size of this image on my shopify store so that it matches more of the other text on my site? The size dosen’t have to be greatly reduced.

Store Link: FlameCore Humidifier™ – 2 Flame Humidifier (2-flame-humidifier.myshopify.com)

Password: bigmoney223

FlameCore Benefits.png
FlameCore Benefits.png717×928 247 KB

1 Like
2

Hello @rvernon23 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--top.grid__item {
width: 13%!important;
}
3

Hi @rvernon23 ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
	#shopify-section-template--15756831752443__1655682640923ca2de .image-with-text__media-item,
	#shopify-section-template--15756831752443__1653955366bd1cbbe2 .image-with-text__media-item {
		padding-left: 4rem;
		max-width: 35%;
		width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
	}
}
@media screen and (min-width: 750px) {
	#shopify-section-template--15756831752443__1655682640923ca2de .image-with-text__media-item ,
	#shopify-section-template--15756831752443__1653955366bd1cbbe2 .image-with-text__media-item {
		width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
	}
}

It should work well for all screens and not affect other ‘Image with text’ sections.

4

@rvernon23 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego