XF 1.2 Custom Node Icon (again...)

Sheratan

Well-known member
So I tried to break custom node icon "outside" pageWidth into like this (See "Anime" section. This is just a mock up)

Untitled-1.webp

I trying to set margin-left -14px, z-index:99 but still had no luck.

Any ideas?
 
That's nice. :)

I found a xenforo forum for example: http://weheartiu.com/forums/

I pretty much did it the same way. so you change the margins/sizes and whatnot to fit your needs

Code:
.nodeList .node .nodeIcon, .nodeList .node .unread .nodeIcon {
  height: 38px;
  margin: 0 8px 0 -36px;
  width: 60px;}
.nodeList .forumNodeInfo, .nodeList .forumNodeInfo.unread, .nodeList .categoryForumNodeInfo, nodeList .categoryForumNodeInfo.unread {
  overflow: visible !important; }
.node .nodeText {
  margin: 10px 270px 10px 36px !important;}

Screenshot_63.webp
 
Last edited:
I pretty much did it the same way. so you change the margins/sizes and whatnot to fit your needs

Code:
.nodeList .node .nodeIcon, .nodeList .node .unread .nodeIcon {
  height: 38px;
  margin: 0 8px 0 -36px;
  width: 60px;}
.nodeList .forumNodeInfo, .nodeList .forumNodeInfo.unread, .nodeList .categoryForumNodeInfo, nodeList .categoryForumNodeInfo.unread {
  background: none repeat scroll 0 0 transparent !important;
  overflow: visible !important;
}


.node .nodeText {
  margin: 10px 270px 10px 36px !important;}

View attachment 60934
Let me test it...
 
Top Bottom