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

XF 1.2 Breadcrumbs

Discussion in 'Troubleshooting and Problems' started by MattW, Jul 14, 2013.

  1. MattW

    MattW Well-Known Member

    On my converted forum, the breadcrumbs are going onto multiple lines in responsive mode

    On a clean install, they are shrinking and fitting on a single row

    Is there an option for this, or is something wrong after the conversion?
  2. Moshe1010

    Moshe1010 Well-Known Member

    I've noticed that on my board too. Wired that it worked for you on a clean install; I wast thinking it was changed in the last beta versions in purpose.
  3. Brogan

    Brogan XenForo Moderator Staff Member

    If you have edited your breadcrumbs in SPs, revert them and reapply your customisations as there have been changes made to the CSS.

    Any customised SPs won't be updated with the new CSS though.
    Shelley and MattW like this.
  4. Mike

    Mike XenForo Developer Staff Member

    Looks like the ".breadcrumb" entry doesn't have a height as it does here, which would be the underlying cause.
    MattW likes this.
  5. MattW

    MattW Well-Known Member

    Yep, I'd edited the style property to remove the border radius. Reset them, and re-applied my edit and it's working now.

  6. Brogan

    Brogan XenForo Moderator Staff Member

    I had to go through every single SP and check for changes between 1.1.5 and 1.2.0 so I made sure I didn't have any which were outdated.

    BTW, it looks like you have no border radius on the site at all?
    If so, just add this to EXTRA.css:
    * { border-radius: 0 !important; }
    You don't need to edit any SPs then.
    MattW likes this.
  7. MattW

    MattW Well-Known Member

    Well bugger me! That would have saved me a couple of hours going through all the SP's looking for anything with a border radius!
  8. Brogan

    Brogan XenForo Moderator Staff Member


    You can now go and revert all of those changed SPs which will potentially avoid issues if they are changed in the future.
    MattW, Shelley and Jeremy like this.
  9. MattW

    MattW Well-Known Member

    Thanks Paul. Going through and reverting them all now. Is it better to always use EXTRA.css as there are a few that I've also changed the font with to load an extra default font?
  10. dmnkhhn

    dmnkhhn Active Member

    It should be:

    * {
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      border-radius: 0 !important;
    Some browsers still need their own prefix. :rolleyes:
  11. Brogan

    Brogan XenForo Moderator Staff Member

    It depends is the answer to that.

    Some stuff doesn't work too well in EXTRA.css as the page renders first and then EXTRA.css is applied, giving a horrible effect.
    The header background is a good example of that.

    In other cases !important is required, even using the highest specificity, which again isn't ideal.

    Mostly though I use SPs where possible and then EXTRA.css for the styling which isn't covered there.
  12. Brogan

    Brogan XenForo Moderator Staff Member

    Browser specific prefixes are added automatically.
    dmnkhhn likes this.
  13. MattW

    MattW Well-Known Member

    Cool, the only things I've got changed via SPs now are the font-family and a few font sizes.
  14. oman

    oman Well-Known Member

    How would you be aware of an outdated style property if you upgrade?
  15. Steve F

    Steve F Well-Known Member

    There is no way to tell unless you get results like Matt was getting, and just checking.

    I think @Brogan mentioned a change log for 1.2 stable will include property changes which will help a good bit.

    The properties do not have versions so to speak like templates do.
    oman and MattW like this.
  16. Brogan

    Brogan XenForo Moderator Staff Member

    @Qwk86gn is correct on all counts.

Share This Page