How can I reduce my webpage's width on desktop?

Store Design
1

Hello,

My page width on desktop is just way too large in the homepage and in the product papge. I’d like to be some space on the margins at least at the collections in the homepage and in the product page because is just way too wide. Can you help me? Here is a link of my store to see what I am talking about: https://thelavishcorner.com/ password bareon1403

Here is how I’d like to look like as page width:

https://lightsofscandinavia.com/

Thank you for your time,

Stefan

2

add the following CSS code:

@media only screen and (min-width: 1024px) {
  .container {
    max-width: 1200px; /* adjust this value to your liking */
    margin: 0 auto;
    padding: 0 20px; /* adjust this value to add space on the margins */
  }
}
3

Sorry, where to add it?