• Welcome to XF2 Addons. All the XF2 addons located in the Resources area are available for download once you upgrade your account to Premium membership. In addition, Premium members will get technical support. Premium membership costs only $25.00 USD a year. Once the year has expired you can continue to use the installed addons on your forum as long as you like.

extra.less


Andy

Administrator
Staff member
#2
Hide sidebar in responsive

CSS:
@media (max-width: @xf-responsiveWide) {
    .p-body-sidebar {
        display: none;
    }
}
 

Andy

Administrator
Staff member
#4
Embedded media width

This makes embedded videos like YouTube be 900 px width which makes viewing these videos much better than the default width.

CSS:
.bbMediaWrapper,
.bbMediaJustifier {
    width: 900px;
}
 

Andy

Administrator
Staff member
#5
Fix quote margin

This makes the margin below quotes to be the same distance as a line feed. It will make quote blocks look much better by having the correct space below them.

CSS:
.bbCodeBlock {
    margin: 0px 0px 20px 0px;
}
 

Andy

Administrator
Staff member
#7
Subforum links

This will remove the font awesome icon and also show subforums in responsive. Note you must select the following:

Admin control panel -> Appearance -> Style properties -> Node/forum list -> Sub-forums display style -> Listed below node

CSS:
// remove sub node fa

.subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before {
    display: none;
}

// add subforum links to responsive

@media (max-width: @xf-responsiveMedium) {
	.node-subNodesFlat {
    	display: inline-block;
	}
}
 

Andy

Administrator
Staff member
#8
Forum icons (image)

CSS:
.node-icon i {
    display: none;
}
.node-icon {
    background-image: url('../images/whatever.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.node--read .node-icon {
    opacity: 0.3;
}
 
#9
I tried using this code for just one node but couldnt get it to work
Code:
.node--id463 .node-icon i {
    display: none;
}
.node--id463 .node-icon {
    background-image: url('/styles/default/xenforo/forumicon.png);
    background-repeat: no-repeat;
    background-position: center;
}
.node--forum.node--id463 .node--read .node-icon {
    opacity: 0.3;
}
Can single nodes be changed easily?
 
Top