Change the image size of custom liquid

Solved

Change the image size of custom liquid

Mabinibooks
Shopify Partner
29 0 13

Hello, how can I change the size of this custom liquid? I want the payment icons to be aligned with the cart

Mabinibooks_0-1725266590000.png

Shop - https://dronehub-ph.myshopify.com/products/gemfan-1208-3-whoop-propeller

password - iatsau

 

Please assist.

Thank you!

 

Accepted Solutions (3)

AnneLuo
Shopify Partner
886 165 188

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.cd_img {
  width: 100% !important;
}
</style>

Result:

AnneLuo_0-1725266895498.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

topnewyork
Globetrotter
596 96 123

This is an accepted solution.

Hi @Mabinibooks ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<stlyle>
img.cd_img {
    width: 100% !important;
}
</style>

topnewyork_0-1725267040204.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @Mabinibooks 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product img.cd_img {
     height: auto;
     width: 100%;
  }
</style>

niraj_patel_0-1725267114489.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
886 165 188

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.cd_img {
  width: 100% !important;
}
</style>

Result:

AnneLuo_0-1725266895498.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Mabinibooks
Shopify Partner
29 0 13

It worked, thank you so much! I've accepted this as the solution, have a great week!

topnewyork
Globetrotter
596 96 123

This is an accepted solution.

Hi @Mabinibooks ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<stlyle>
img.cd_img {
    width: 100% !important;
}
</style>

topnewyork_0-1725267040204.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @Mabinibooks 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product img.cd_img {
     height: auto;
     width: 100%;
  }
</style>

niraj_patel_0-1725267114489.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com