Home>Support>Page Border

Page Border

By Dorie Rochai Cross, 11 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’d like to add a border to my website so it’s an entirely white background. How do I do this? My website it deegrowsup.com using Vantage Premium

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Hi Dorie

    Sorry, not quite with you. Which element on the page do you want to change the color of?

    We have a wide range of color controls under Appearance > Customize, so chances are the control you’re looking for is in there.

  2. 11 years, 3 days ago Dorie Rochai Cross

    I want a page border to be a different color. Not just the white background. There isn’t an option for it in customize section. Only for the entire background.

  3. 11 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    The full width layout doesn’t really lend itself to that. If you wanted a border around the main container you could try something like this under Appearance > Custom CSS:

    #main {
border: 1px solid #000000;
}

    Adjust 1px and the color as required.

  4. 11 years, 10 hours ago Dorie Rochai Cross

    Thank you! That’s exactly what I wanted. Is there anyway to remove the border from the top and bottom, and have it only on the sides?

  5. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sure, that would be:

    #main {
border: 1px solid #000000;
border-top: none;
border-bottom: none;
}
  6. 10 years, 11 months ago Dorie Rochai Cross

    Perfect! Thanks so much :)

  7. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped.

  8. 10 years, 10 months ago ydegauquier

    Hi,

    I did the change in the CSS, but I would like to have also a border for the Header (with the logo).
    How can I do that?
    http://fdautosport.degauquier.net/

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      Hi

      Something like this:

      header#masthead {
border: 1px solid red;
border-bottom: 0;
}

      Adjust red to your hexadecimal color and adjust 1px as required.

      For further help, please open a new support thread and I’ll jump in there. Thanks.

  9. 10 years, 10 months ago ydegauquier

    Thanks for quick answer ;-)

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      For sure, glad that helped.

  10. 10 years, 10 months ago ydegauquier

    Just last question, same for footer?

  11. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi ydegauquier

    It would be:

    #colophon {
border: 1px solid red;
border-top: none;
}

    And if you wanted to drop the border from the bottom of the main container:

    #main { border-bottom: none; }

    Please crank open a new support thread for any follow-ups. Thanks very much.

    https://siteorigin.com/new-thread/

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More