Site Border for a specific page on Brine

Add to Home > Design > Custom CSS

body#collection-5f0c05676a01a6439a5a789b {
    border: 10px solid red;
}

Hi Tuanphan,

I had come across your code mentioned above in one of the post But it gave a border AROUND the entire page, including AROUND the header and footer, so basically it brought the header/footer to the middle of the page (please see the second attached jpeg), unlike what I want.

I need what site styles SITE : BORDER can give me. A border around the actual content of the page, while my header/footer are on the top/bottom.

You'll get a fair idea if you check the jpegs in my first question.

22 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

body#collection-5f0c05676a01a6439a5a789b {
    border: 10px solid red;
}

 

My mistake, your code actually worked and I got what I needed.

Although it worked exactly for desktop/laptop 

but for mobile it's look weird. Please look at the attached jpeg.

Can there be a code that can reduce the px value only for mobile ?

@media screen and (max-width:640px) {
body#collection-5f0c05676a01a6439a5a789b {
    border: 10px solid red;
}
}

excellent , thank you so much @tuanphan