How can I write a CSS code to align an image to the right?

Hi! Can somebody write a CSS code on how to align image on the right?

I would like to have this:

@IhorBulhakov

give us the store URL then we will able to help you.

it’s not published

Hi, it depends on your image element. If you show me the html code I can help you more.

try this one:

img{

float: right;

}

or

img{

display: -webkit-box;
margin-left: auto;

}

Good Luck.

Hello @IhorBulhakov , this could be done via custom coding. But for this I jeed to check your code.

Please either provide the URL of your website or share theme name and section you want to use. So, I can provide you proper guidelines.

Regards,

Osama Farooqi

We aim to equip medical professionals in revolutionizing the way guards are created. Our medical providers witness the transformation it brings to patient outcomes, ensuring their physical capabilities are restored while maintaining the utmost quality and comfort.


Our clinicians feel empowered with XO ARMOR technology and are in charge of their time and effort.

Did you try the above CSS codes?

yes, didn’t work

If you want I can send a collaboration request to your shop for fixing it. Send the domain. You can also share the preview link of your unpublished theme:)

cannot do this

@IhorBulhakov

Please share your store URL!

Thanks!

https://c8043qthil2oitrf-59076935732.shopifypreview.com

@IhorBulhakov

your section image all ready display on the right side please check the following screenshot.

what you want!

I want to have it like this, so that image is on the right till the border

@IhorBulhakov

Please add the following CSS code to your assets/theme.css bottom of the file.

@media only screen and (min-width: 1050px){
#shopify-section-template--15647742656564__b6ffef04-33f2-4bc6-a875-030a17042226 .feature-row {
    margin: 0 1% !important;
}

#shopify-section-template--15647742656564__b6ffef04-33f2-4bc6-a875-030a17042226 .page-width {
    max-width: 100%;
    margin: 0;
    padding: 0 0px !important;
}

}

Thanks!

1 Like

@IhorBulhakov

If helpful then please Like Solution.

welcome again!

Thanks!

1 Like

you are genius! love u