Forum Discussion

jjeremiah's avatar
jjeremiah
Expert
7 years ago

Firefox label columns not working

I'm trying to layout the list of labels on a given forum using the following CSS.   Works fine in Chrome and IE (there are 3 columns in IE).. but a single column list in Firefox.... .any ideas about how to get it to work in FF?

 

.lia-component-labels-widget-labels-list {
.BlogLabelsTaplet {
ul.lia-list-standard {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
.label {
width: calc(25% - 10px);
width: 100%;
}
}
}
}

    • jjeremiah's avatar
      jjeremiah
      Expert
      7 years ago

      Thanks ... but I get the same behavior Firefox... and that breaks Chrome and IE layout completely  -- it's one line of text on top of text

      • CyJervis's avatar
        CyJervis
        Boss
        7 years ago

        I think there may be something going on with FF lately as I recently received a complaint about column overlap on some of our boards. It only shows up in FF and not across the entire site, just a few boards. Very strange to see.