Customize Product Block

Hi there

I have a problem that is making me go nuts lol. So I'm about to launch my first service product on my site. I have created a product page (unlinked).. Then on a regular site I placed a product block with my product. I did this because I couldnt design the product page as I wanted...
All good. However I really dislike the design of my product block that I insereted... Right now my site looks like this:

But I really want the product to appear as on my product page, which is like this:

Is there a code I could use?

THANKS

Can you share link to page where you use product block?

4 hours ago, tuanphan said:

Can you share link to page where you use product block?

Yes I can but the page shouldnt be visible yet because it still needs adjustment. Does ist have to be open? This is the link,: https://www.mindfulyou.ch/coming-home

11 hours ago, Sandadelsol said:

Yes I can but the page shouldnt be visible yet because it still needs adjustment. Does ist have to be open? This is the link,: https://www.mindfulyou.ch/coming-home

404 page. Can you check url again?

3 hours ago, tuanphan said:

404 page. Can you check url again?

ok, try again, same url!

13 minutes ago, Sandadelsol said:

ok, try again, same url!

You can inscrease product column width first? then add this to Coming Home Page Settings > Advanced > Header

<style>
  @media screen and (min-width:641px) {
    div#block-yui_3_17_2_1_1586686622490_11602 .product-block {
      display: flex;
  	}
    div#block-yui_3_17_2_1_1586686622490_11602 .image-container {
   	 margin-right: 20px;
	}
  }
</style>

53 minutes ago, tuanphan said:

You can inscrease product column width first? then add this to Coming Home Page Settings > Advanced > Header

<style>
  @media screen and (min-width:641px) {
    div#block-yui_3_17_2_1_1586686622490_11602 .product-block {
      display: flex;
  	}
    div#block-yui_3_17_2_1_1586686622490_11602 .image-container {
   	 margin-right: 20px;
	}
  }
</style>

Tuanphan thank you so so much!! And one last question: When I go on my product page my header picture is not showing at all although I have inserted one in the settingss..
This is the url: https://www.mindfulyou.ch/coming-home-product/coming-home-retreat

1 hour ago, Sandadelsol said:

Tuanphan thank you so so much!! And one last question: When I go on my product page my header picture is not showing at all although I have inserted one in the settingss..
This is the url: https://www.mindfulyou.ch/coming-home-product/coming-home-retreat

Which header picture? Can you take screenshot?

3 minutes ago, tuanphan said:

Which header picture? Can you take screenshot?

So on this page: https://www.mindfulyou.ch/coming-home-product/coming-home-retreat

I would like to have the same header image as on this site: https://www.mindfulyou.ch/coming-home

5 hours ago, Sandadelsol said:

So on this page: https://www.mindfulyou.ch/coming-home-product/coming-home-retreat

I would like to have the same header image as on this site: https://www.mindfulyou.ch/coming-home

hello :)?

17 hours ago, Sandadelsol said:

hello :)?

I am not a Squarespace employee, the answer here is to help the community, so I can only answer when I have free time.

Saved your question. I will check soon.