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

Making Sidebar Blocks And Main Content Blocks Square

Discussion in 'Styling and Customization Questions' started by Zovator, Oct 21, 2012.

  1. Zovator

    Zovator Member

    I've been trying to make my main content block and sidebar blocks square, but the borders either don't make corners and disappear, or the corner isn't filled up. I can't find how to change the radius at the bottom of the sidebar blocks either, this is what it looks like:
    Capture.PNG
    Help would be appreciated.
    ~Thanks.
     
  2. Shelley

    Shelley Well-Known Member

    Haven't tested this but have you tried this in extra.css template

    Code:
    .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    
     
    Jake Bunce likes this.
  3. Zovator

    Zovator Member

    That made them round, I need them to be square.
     
  4. Zovator

    Zovator Member

    Bump?
     
  5. Russ

    Russ Well-Known Member

    Then you'd use that but 0px on each item.
     
  6. Zovator

    Zovator Member

    It looks the same as the image, the corners are invisible, and the bottom corners are still rounded.
     
  7. Zovator

    Zovator Member

  8. Zovator

    Zovator Member

    Anyone?
     
  9. Russ

    Russ Well-Known Member

    Have a link to a board or could you PC me the link, it'd be easy to debug it then. Its problably the secondary box that have the radius on them cutting the corners off.
     
  10. Zovator

    Zovator Member

    The forums are at http://navy.systemsunited.org/
     
  11. Russ

    Russ Well-Known Member

    Code:
    .sidebar .primaryContent, .sidebar .secondaryContent {
    border-radius: 0px !important;
    }
     
    Jake Bunce likes this.
  12. Zovator

    Zovator Member

    Thank you, I have an absolutely horrible eye for finding what I need to change...
    Would you know how to make the page square when looking at the list of threads in a forum as well?
    Capture.PNG
     
  13. Russ

    Russ Well-Known Member

    .sectionMain

    Also do you use chrome or firefox? Chrome has a built in editor to find this stuff quick, and firefox I use FireBug to find it :)
     
  14. Zovator

    Zovator Member

    Thanks. I'm using chrome, but I really don't know where to look, the CSS on the page confuses me quite a bit, and I don't understand how it matches up some of the time.
    EDIT: Err, what exactly do I put in extra.css to change the .sectionMain bit to square? I tried
    Code:
    .sectionMain {
    border-radius: 0px !important;
    }
    But nothing changed.
     
  15. Russ

    Russ Well-Known Member

    Seems to of fixed it on my screen
     
  16. Zovator

    Zovator Member

    In the forum list or the thread list?
     
  17. Russ

    Russ Well-Known Member

    In your thread listing, try a hard refresh usually CTRL-F5
     
  18. Zovator

    Zovator Member

    Still looks the same :L
     
  19. Russ

    Russ Well-Known Member

    We still looking at this:

    tester.png
     
  20. Zovator

    Zovator Member

Share This Page