Border control….

  • Hey all,

    Another quick enquiry from a newbie user. https://www.captainbluefingers.com – how do I go about eliminating the ‘borders’ for each page? To be more specific, I would like a full width header image on several of the pages, with the page itself also full width, any help on how I may go about achieving this would be much appreciated. P.S – Konmi theme!

Viewing 1 replies (of 1 total)

  • First thing you will need to do is set up a child theme or use a custom CSS plugin.

    Then once you have that set up, you can then remove the border from the box by adding this to your CSS:

    .box {
    border: none;
}

    This will remove the box border, but then you will a white area in the middle of the page.
    If you made the grey background white, then the site would appear to be full width.

    Your CSS shows that the grey is coming from here:

    .site-content, .comment-area {
    background-color: #EDEDED;
}

    Just change that to white:

    .site-content, .comment-area {
    background-color: #fff;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Border control….’ is closed to new replies.