How to remove border on the left and right on theme

  • Herik Wahlqvist


    At the left and the right on the theme, there is a grey/black border, I would like to remove – is that possible?

    I want the background in the sides float together with the background on the site, see here for better understanding:

    Thank you.



    Is that what you want?

    If so, just add the following to your child-theme’s style.css file:

    #container {
    box-shadow: none;

    Herik Wahlqvist


    Thank you!

    Thats exactly what I want 🙂

    But I also want it removed in the top, the header. Not the one in the bottom of the header (right over menu), but the one in top and the one to left and right.

    Any ideas?



    If you mean the border at the very top of the page then add the following:

    #header {
    border-top: none;

    If you mean the border that separates the navigation menu and the content below then you have to add this:

    .menu-bottom-shadow {
    background: none;

    Herik Wahlqvist


    With your container tag you removed the “border” at left and right.

    Now there is at thing line all around the header. The one to the right, at the top and to the left I would like to remove too:

    The one above the menu I would like to keep and even make it same color and thickness 🙂


    Kenneth John Odle


    You have this line in your custom CSS:

    #content, .menu-bottom-shadow, #sidebar_bottom{background-color: #f5f5f5}

    Take out .menu-bottom-shaddow so that it looks like this:

    #content, #sidebar_bottom{background-color: #f5f5f5}

    Now add to custom CSS:

    .menu-bottom-shadow {
    background: none;
    height: 0;

    Herik Wahlqvist


    I’m having a hard time finding .menu-bottom-shadow and when I do it don’t look like your #content. Will it look exactly like your example?

    And I have a confession, because I wrote:

    The one above the menu I would like to keep and even make it same color and thickness

    I forgot:

    as the line under the menu

    Does it make sense?

    The thin line around the header I want to remove, but the the thin line above the menu I want to have same color and size as the line under the menu.

    Herik Wahlqvist


    I found a weird workaround, witch is okay for now.

    I deleted the header image, removed the text in header, created the Header Widget and put in my image there.

    In case someone would like to find this answer 🙂

Viewing 8 posts - 1 through 8 (of 8 total)

  • You must be logged in to reply to this topic.