How to reduce main product photo and lower everything (dawn theme)

[sunny96x]

Current:

 

Desired result:

website: https://shopstellory.com/products/sticky-inserts

[Made4uo-Ribe · Accepted solution]

Hi @sunny96x 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
.product.product--large.product--left.product--stacked.product--mobile-show {
    margin-top: 50px;
}
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[BSS-TekLabs]

- Here is the solution for you @sunny96x 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.product.product--large.product--left.product--stacked.product--mobile-show.grid.grid--1-col.grid--2-col-tablet {
    margin-top: 20px !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.