What's your biggest current challenge? Have your say in Community Polls along the right column.

How can I adjust the image margin from left to right in custom HTML?

Solved

How can I adjust the image margin from left to right in custom HTML?

Kjankko-US
Shopify Partner
242 4 42

Hi,

I have added the image to the custom HTML -section. How can I move the image from left to right?

<img src="https://image-url" alt="uimage-alt" width="600" height="600"/>

...And it looks like that.

kk.png

 

 

 

 

 

 

 

 

 Do you know how to add more margin to the left? No worries I can play around with the pixels/percents as I only get the right code.

 

-KJ

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

@Kjankko-US  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-page  #shopify-section-page-sections-template  .index-section  .page-width{
	max-width: 1000px !important;
        margin: 0 auto;
}

 

View solution in original post

Replies 3 (3)

Kinjaldavra
Shopify Partner
2303 570 1426

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Kjankko-US
Shopify Partner
242 4 42

Hi,

URL: https://digikaupat-unmlnn.myshopify.com/pages/tarina

Password: briepo

Note: Its the first image between paragraphs (600x600px)

Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

@Kjankko-US  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-page  #shopify-section-page-sections-template  .index-section  .page-width{
	max-width: 1000px !important;
        margin: 0 auto;
}