[Resolved] Fixed width border around complete site

Home Forums Support [Resolved] Fixed width border around complete site

Home Forums Support Fixed width border around complete site

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1559251
    Evan

    On this site: https://salidamuseum.org/

    I would like to put a solid red border around the whole site. Including the header, menu, content and footer area. I know the css to add borders, but I cannot seem to target the wrapper or something that encloses the whole site.

    Can you help me with the selector?

    thank you,
    mark

    #1559494
    Elvin
    Staff
    Customer Support

    Hi,

    As every content of the page is placed inside the <body> tag, you should be able to add border that encloses the whole site by adding this CSS:

    body:before {
        border: 2px solid red;
        content: "";
        width: 100vw;
        height: 100vh;
        display: block;
        position: fixed;
        z-index: 99999;
    }

    This adds a fixed border that stays within the viewport. If you want the border to span through to the content height, change the height to 100% instead of 100vh;

    #1560729
    Evan

    This is almost what I need. The red border I want should go tight around the content. Above and to the left and right of the black and white photo, on the left and right side of the menu, on the left and right side of the content, and the left right and bottom of the footer.

    Thank you,
    mark

    #1561646
    Leo
    Staff
    Customer Support
    #1561708
    Evan

    That is perfect, just what I wanted.

    Thank you,
    Leo

    #1561820
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.