How to remove border on the left and right on theme

  • Herik Wahlqvist

    #9475

    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:

    http://test.bedste-test.dk

    Thank you.

    Anonymous

    #43678

    Is that what you want?

    https://cdn.anonfiles.com/1414068038690.png

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

    #container {
    box-shadow: none;
    }

    Herik Wahlqvist

    #43679

    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?

    Anonymous

    #43680

    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

    #43681

    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:

    http://test.bedste-test.dk

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

    Mod

    Kenneth John Odle

    #43682

    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

    #43683

    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

    #43684

    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.