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

Delete radius

Discussion in 'Styling and Customization Questions' started by Claudio, May 15, 2013.

  1. Claudio

    Claudio Well-Known Member

    Hi,

    I want to delete the 4 kind of radius of the node title:
    Code:
    .nodeList .categoryStrip {
     
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    Any help?
     
  2. Lisa

    Lisa Well-Known Member

    Swap the 5px out for none.
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    In the template you will only see border-radius: 5px;

    XenForo automatically adds the browser specific properties when the template is compiled.
     
    Claudio likes this.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Yes, as Azhria and Chris have said, just add to EXTRA.css:
    Code:
    .nodeList .categoryStrip {
    border-radius: none;
    }
    It may need !important, but I don't think so.
     
    Claudio likes this.
  5. Shelley

    Shelley Well-Known Member

    Odd. I wonder if this is an add-on conflict or whatever but I tried adding the following into extra and the radius would not go. I even added important and still the radius remained it was only when I went into style properties and set the 5px to 0 that the radius was removed.

    The background colour in the following code worked, but for some reason the radius would not change.

    Code:
    .nodeList .categoryStrip {
    border-radius: none !important;
    background: none green !important;
    }
    Probably best going into Style Properties >> Forum / Node List >> Category Strip and just setting the radius field value to 0 if it's not changing through EXTRA.CSS.

    Odd though because it should work through EXTRA.CSS first time I've encountered this issue.
     
  6. Lisa

    Lisa Well-Known Member

    I vaguely remember having this problem myself... I got around it by just swapping out the 5px to 0px... can you confirm if that changes it for you or not... might help toward troubleshooting :)
     
  7. Shelley

    Shelley Well-Known Member

    Yeah, that's exactly what I did in SP and it worked it was the only way it would eliminate the radius. (mentioned that in my previous post) but odd indeed that, so this may be what the OP is experiencing and why it's not working for them.
     
  8. Lisa

    Lisa Well-Known Member

    I did it in EXTRA.css and got it to work with 0px instead of none... mind you, on my current style I've got the none working fine in EXTRA.css too..... I need more coffee :D
     
  9. Shelley

    Shelley Well-Known Member

    I need to go back in there and check again. This is frigging baffling. :D

    This worked for me now.

    Code:
    .nodeList .categoryStrip {
    border-radius: 0px !important;
    }
    This wouldn't work

    Code:
    .nodeList .categoryStrip {
    border-radius: none !important;
    }
    So to the OP try inserting as az mentioned 0px with the !important though it seems to be a throw of the dice at my end whether it'll work or not. Or just change the value via SP which would just be easier.
     
    Lisa likes this.
  10. Shelley

    Shelley Well-Known Member

    Did you have to include the !important?
     
  11. Lisa

    Lisa Well-Known Member

    I do have !important on there. Pretty sure I couldn't get it to change without it.
     
    Shelley likes this.
  12. Shelley

    Shelley Well-Known Member

    Yeah same here.I wonder why "none" won't work for me. o_O

    @OP if you don't like using the !important (I still recommended doing this via style properties) then you could add the following in EXTRA.

    Code:
    .forum_list .nodeList .categoryStrip {
    border-radius: 0px ;
     
    }
     
  13. Lisa

    Lisa Well-Known Member

    D'you know.. thinking on it further, I don't think border-radius: none works at all (I believe it's overwritten elsewhere in my code anyway which is why it looks like it's working for me - I've just removed the line and still have the same effect lol).... a border radius is the shape.. 0 is a sharp corner..... 5.. 10 etc defines the radial curve.. so it would have to be 0px.

    In fresh code where you didn't want a radius, you wouldn't bother adding border-radius at all in to the css.. but because it's already in there and needs to be changed, it has to be 0px . . .


    Does that make sense?
     
  14. Shelley

    Shelley Well-Known Member

    ROFLMAO - I'm trying not to think about it. :LOL:

    I think I hear what your saying, if i don't, then I'm nodding and just agreeing pretending that I understood. :ROFLMAO:

    None just won't work at all and I tested this on a empty EXTRA.CSS only 0px would work and that is if I had the !important (no surprise there) but I'm almost sure I've used "none" to eliminate a border-radius once before for the category but can't be a 100% sure. I'll probably venture back and look into previous styles and look at the css on the chance I used "none".

    What are your thoughts on this Brogan? LMAO
     
    Lisa likes this.
  15. Lisa

    Lisa Well-Known Member

    I'm pretty sure his thoughts are going to be "shut the f*** up, the pair of you" :LOL:
     
    Brogan and Shelley like this.
  16. Brogan

    Brogan XenForo Moderator Staff Member

    Actually, SP is the correct place to do it, I was just being lazy :whistle:

    I just have this in my EXTRA.css:
    Code:
    * {
    border-radius: 0 !important;
    }
    Job done :D
     
    Tracy Perry likes this.
  17. Claudio

    Claudio Well-Known Member

    thank guys! ;)
     

Share This Page