extra.less

  1. M

    Themhouse Legends - Clickable Nodes

    Hi all, a Xenforo Newb here... I have Themehouse Legend theme. Currently when i hover over a forum/thread node, it changes color. But the only way to click the link to a node is to click the thread title text. I would like to make the whole node area to be clickable. In the Appearance/Style...
  2. A

    XF 2.2 How do you change the weight of Font Awesome icons?

    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...
  3. ritesh

    XF 2.2 Do I lose the customizations I've made through EXTRA.LESS when theme updates?

    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.
  4. BubbaLovesCheese

    XF 2.2 SUBMISSION : Node animation on mouse hover

    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...
  5. NandorHUN

    XF 2.2 Can I take notes in "extra.less" without causeing issues?

    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.
  6. frm

    Unmaintained Clean 3 Column Custom Field Lists

    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...
  7. R

    XF 2.1 Extra.less not taking

    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.
  8. beanfan78

    XF 2.0 Extra.less Styling After Upgrade From 1.x

    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...
  9. Ozzy47

    Grid layout for Thread without addon

    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...
  10. kingdomkz

    XF 2.0 Change Topic Title For Single Thread

    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...
  11. BassMan

    [cXF] Hide user extra info ...

    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; } /**********/
  12. Koala_Steamed

    Unmaintained Highlight and Separate Sticky Threads 2017-12-04

    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...
Top Bottom