extra.less

Hi everyone, I've been looking through the forums for an answer and cannot find one- currently i'm using this CSS in extra.less to add icons: .m-faBase(); .m-faContent(@fa-var-xxxx); Unfortunately this only adds the "solid" weighted icon. How do I modify the code to suit other icon weights...

If I am not wrong, then extra.less file is a part of the theme you're using. So will it lose the changes when the theme updates? If yes, then how do I prevent it? I want the changes to stay unaffected no matter what.

Hi, I created a Node animation using CSS that I would like to submit if anyone is interested. When you hover your mouse over a node, a shadow will appear and it will expand, giving it the impression it is jump out. This is a screen shot: I made it by adding this CSS code to the extra.less...

Hi! I want to modify a lot of header images in extra.less. Basically like 50+ content. Can I write it in small titles without issue to know which one stands for which topic? Thanks.

Want clean 1-3 columns for different devices? Display one on smaller devices: Two on medium: And three on large: Add this code to extra.less .listInline--customField { @media only screen and (max-width: 600px) { columns: 1; -webkit-columns: 1; -moz-columns: 1...

Hi I have setup a forum on my local machine to test templates on my local machine and everything is working fine as far as the forum is concerned. However, as soon as I add some custom css to the Extra.less template, none the css changes are showing at all. Any ideas? Thanks in advance.

I am stumped and I have been searching for over a day for anything that would help me understand what the difference between what I had working perfectly in 1.5 to what extra.less is in 2.0. I upgraded from 1.5 to 2.0 2 days ago and I have a large list of custom css that isn't working for user...

Hemant here again with Thread grid layout without Addon. Well after my Grid layout for XFRM without Addon @Neutral Singh suggest to make grid layout for the thread too. so here it is. So here a simple CSS that you need to place it in Extra.less that will give it what you looking for. IF YOU...

I did locate another tutorial here related to this topic, but I didn't see any information about how to customize a "specific value" in regard to a class in the extra.less template, I found a few bits of information online, but nothing has worked so far. I'm trying to color a specific...

Add code to your extra.less template: /* Hide user extra info */ .message-userExtras { opacity: 0; max-height: 0px; overflow: hidden; transition: all 0.5s ease-in-out; } .message-cell.message-cell--user:hover .message-userExtras { opacity: 1; max-height: 300px; } /**********/

Simple css (extra.less) modifications to highlight/separate sticky threads Separate sticky and normal threads Insert code in template: extra.less /* Border between sticky/normal threads */ .structItemContainer-group--sticky { border-bottom: 6px solid; color...