Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

Posted (edited)

Site URL: https://sunfish-giraffe-gaz6.squarespace.com/selected-work

Hi Team,

 

I am trying to achieve a site border for a specific page (not the entire website).

The Page in question - https://sunfish-giraffe-gaz6.squarespace.com/selected-work

Password - qwerty

Basically the look as seen in the first attached jpeg (but that look I achieved is via site style which applies the border throughout the website). So looking for a code which targets only this page.

I did some basic research and I did try the code found on this thread :-

 

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

But it gave a border AROUND the entire page, including AROUND the header and footer (please see the second attached jpeg), unlike what I want.

 

WHAT I WANT.png

WHAT I DON'T WANT.png

Edited by ruchitkapoor

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0
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 ?

Screenshot 2020-07-16 at 1.31.40 PM.png

Share this post


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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...