Add border to the page

grassoart · Member · Oct 1, 2016 at 5:09 pm
Copy link

Add topic to favorites
Hi, How do I add a border to the page (not including header and footer) only in desktop mode?

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Oct 1, 2016 at 5:16 pm
Copy link
Hello Grassoart!

Is it just for the main page, or all pages? And on the homepage there is a white banner underneath the slider, would you like that to be included inside the border?

Thanks,
Sage
grassoart · Member · Oct 1, 2016 at 5:20 pm
Copy link
Hello sagebrownell,
It’s for all the pages and yes I would like to include all the page, so also the white area. I forgot to say that I need the border to be only on the left and on the right.
innisfreehomestead · Member · Oct 1, 2016 at 5:28 pm
Copy link
Hey there Grassoart,

This should do the trick (you’ll need to change the colour code at the end (“3e69dc”) to whatever colour you would like it to be)
```
@media screen and (min-width: 1024px;) {
#content {
	border-right: 30px solid #3e69dc;
	border-left: 30px solid #3e69dc;
}

.site-footer {
	border-top: none;
}
}
```
Let me know if that works,
Sage
grassoart · Member · Oct 1, 2016 at 6:24 pm
Copy link
It works only if I remove “and (min-width: 1024px;)” (I don’t know why), but it shows the border also on mobile…
innisfreehomestead · Member · Oct 1, 2016 at 6:27 pm
Copy link
Oh, yup, that’s because I slipped up with a typo, sorry about that ^_^;
```
@media screen and (min-width: 1024px) {
#content {
	border-right: 30px solid #3e69dc;
	border-left: 30px solid #3e69dc;
}

.site-footer {
	border-top: none;
}
}
```
Let me know if this works (shouldn’t show it for mobile)

Sage
grassoart · Member · Oct 1, 2016 at 6:30 pm
Copy link
Awesome! Thanks for the answer and the quickness!
innisfreehomestead · Member · Oct 1, 2016 at 6:39 pm
Copy link
No worries, my pleasure!

No items found.