Silly Question Regarding the Product Media Icon Alignment

[mOONbOOTS]

Hi all!

This is probably really simple, but do you know how to align the product media magnifying icon on the right side instead of the left side? I am using the Dawn theme.

Thanks in advance!

[PaulNewton]

@mOONbOOTS Not a silly question ,just lacking critical detail: Always provide example urls when seeking technical aid.

READ: https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

Always remember other people, we do NOT have your setup, we cannot see what you see or just know what you have done.

Guessing or blindly replicating a setup runs a high chance for others to waste time getting it wrong even for assumed theme setups(dawn demo) that could end up unexplained variables.

Communicating critical detail without prompting saves a TON of money and other peoples time.

[comercioservice · Accepted solution]

@mOONbOOTS yes i know you can done this vai css 
make it right doing css

I’ve taken a look at what you need—just a little CSS magic, and everything will be fixed! Follow my steps, and you'll have it sorted in no time!

1, from admin, go to Online Store > Themes.

2, Actions > Edit code for your active theme.

3, Find and open the theme.liquid file, maybe in the Layout folder.

4, Look for the </head> tag and paste the code in the end

<style>
.product__media-icon, .thumbnail__badge {
    left: auto;
    right: 14px;
}
</style>​

result

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[mOONbOOTS]

Yessss! Amazing, thank you so much! 🙂

[comercioservice]

@mOONbOOTS  if you have more problem let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you