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
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/
Hope this helps!
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!!!
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!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.