Add border to the page
-
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)
-
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 -
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. -
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 -
It works only if I remove “and (min-width: 1024px;)” (I don’t know why), but it shows the border also on mobile…
-
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
-
-
- The topic ‘Add border to the page’ is closed to new replies.