How can I add a border around my entire webpage?

My website url is www.serendipitybookshop.com and I would like to add a border around the entire webpage like this: https://www.readings.com.au/

I use the free Dawn theme and tried editing the css on the base.css file to no avail.

I’m not sure if I’m inputting the code on the correct location and if my code is correct. Is it all right to use color hex codes instead of variables?

.body {

height: auto;

padding: 15px 15px 15px 15px;

background-color: #f7f3ed;

}

Can someone help me?

@desireegrace use this css bottom of base.css

body {
padding: 15px;
background: #f7f3ed !important;
}

@desireegrace

.body {
 height: auto;
 padding: 15px 15px 15px 15px;
background-color: #f7f3ed;
  }

surely, you can try this code.

It’s still not working :disappointed_face: I’m not sure if body is the correct tag? I am familiar with CSS but not Liquid.

Should I place the new code at the very end of the CSS file?

It’s still not working :disappointed_face: I’m not sure if body is the correct tag? I am familiar with CSS but not Liquid.

Should I place the new code at the very end of the CSS file? I am now using the Sense 2.0 theme.

@desireegrace there is no .body css class you using try this one in base.css bottom of file

body {
padding: 15px;
background: #f7f3ed !important;
}