1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to make this border continue to the navigation?

Discussion in 'Styling and Customization Questions' started by Laurentius, Apr 9, 2012.

  1. Laurentius

    Laurentius Active Member

    Hello, I would like this border to continue to the navigation, I don't want it to interupt as it currently does.

    These pictures show what I mean. :)
    screenshot1.png screenshot2.png

    Thanks
     
  2. Shelley

    Shelley Well-Known Member

    Add a border-left & border-right to #content .pageContent will probably do it.
     
  3. Laurentius

    Laurentius Active Member

    I have tried that, nothing happens at all...:(
     
  4. Shelley

    Shelley Well-Known Member

    I added the following in the extra.css template and it worked.

    Code:
    #content .pageContent {
    border-right: 1px solid red;
    border-left: 1px solid red;
    }
    
    border.png
     
  5. Laurentius

    Laurentius Active Member

    Ok, I have copied your code ad nothing happens at all. Strange:s
     
  6. Shelley

    Shelley Well-Known Member

    Perhaps a conflict. Have you tried adding the !important in case you made alterations already and it's not overriding?

    Code:
    #content .pageContent {
    border-right: 1px solid red !important;
    border-left: 1px solid red !important;
    }
    
     
  7. Laurentius

    Laurentius Active Member

    It works now, but it doesn't cover the smal interruption and I know why.. Somehow when modifying the navigation I have moved it up a bit. Because if I temporarily disable the picture I use as a header that small area where the border interrupts turns to the same color as the background. Do you know how I could fix that?
     

Share This Page