Support » Themes and Templates » Expound » [Resolved] boarder around content panel

[Resolved] boarder around content panel

  • Could someone tell me what needs to be changed to add a 1 or 2px boarder around the main content window, with the back ground being mostly white I am using the blend is not as good.

    It would be good to be able to have a black or grey boarder around the main window.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi! You can add a border with the following CSS:

    #page { border: solid 2px black; }

    Hope this helps!

    That did the trick thanks however with 1 issue, I have also used the example you gave to make the header transparent and the boarder goes around the header too which looks wrong, is there any way to do this so it is just from the menu down over?

    In that case you’d just use a different container for the border, perhaps:

    .site-main {
        box-sizing: border-box;
        border-left: solid 2px black;
        border-right: solid 2px black;
        border-bottom: solid 2px black;
    #site-navigation {
        border-top: solid 2px black;

    Hope that does the trick!

    Thats the trick 🙂 Thanks.

    Spotted a problem,

    With the changes in place above the 4th featured video goes under the 3rd and the side bar goes right to the bottom of the page.

    Even with just border-right: solid 1px red; this happens, it is fine if I only use top and bottom.

    I tried changing .site-main { width: 100%; } to a few different settings but obviously that throws everything out.

    I suspect I need to reduce padding somewhere but I cannot find out where.


    You should try and add some extra width to the whole page, like so:

    #page { width: 1028px; }

    Not sure how that will affect the responsive layout, you’ll probably need to add the same amount to the CSS media queries as well.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] boarder around content panel’ is closed to new replies.
Skip to toolbar