How to add border around whole page

[aap]

hi,
On a page by page basis, how do i add a border around the whole page?
This is for a page that starts with no template and title. thanks

[nabeel]

Hi @flashfog,

Thank you for reaching out to us. You can add a border around a specific page by finding it’s page ID first and then add the following code in the Theme Options > CSS:

.page-id-674 {
    border: 2px solid #000;
}

To find out the page ID please follow https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59 and then replace the 674 with your actual page ID.

To learn more about CSS, please see https://www.w3schools.com/css/default.asp
Here’s a handy tool that can help you in finding the right CSS selectors to write your code.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

Hope this helps!

[aap]

Hi. regarding this line;

“Now to apply the class to your page, simply add page-border to your page Body Class option”

I have gone and defined the class as instructed ( https://www.screencast.com/t/eCcvruobr)
I know how to apply CSS to specific elements, but how do i do it for a whole page? i.e. please elaborate on the “…add page-border to your page Body Class option”

thanks!!!

[friech]

Hi @flashfog,

Or you can also do this with a CLASS, define this class to your Theme Options > CSS

.page-border {
	border: 5px solid red;
}

Feel free to change the 5px and red value.

Now to apply the class to your page, simply add page-border to your page Body Class option.

Hope it helps,
Cheers!