XF 2.0 I need help fixing my Iron on my site

Godzilla

Godzilla

Member
The black one is mine. I changed something and I don't know how to fix it back to normal like another picture



Screenshot_2.webpScreenshot_3.webp
 
Sort by date Sort by votes
.node .forumNodeInfo .nodeIcon,
.node .categoryForumNodeInfo .nodeIcon
{
@property "nodeIconForum";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 0;
@property "/nodeIconForum";
}

.node .forumNodeInfo.unread .nodeIcon,
.node .categoryForumNodeInfo.unread .nodeIcon
{
@property "nodeIconForumUnread";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -36px 0;
@property "/nodeIconForumUnread";
}

.node .pageNodeInfo .nodeIcon
{
@property "nodeIconPage";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -72px 0;
@property "/nodeIconPage";
}

.node .linkNodeInfo .nodeIcon
{
@property "nodeIconLink";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -108px 0;
@property "/nodeIconLink";
}

/* FONT AWESOME NODE ICONS */
@font-face
{
font-family: 'FontAwesome';
src: url('./styles/default/xenforo/fonts/fontawesome-webfont.eot');
src: url('./styles/default/xenforo/fonts/fontawesome-webfont.ttf') format("truetype"),
url('./styles/default/xenforo/fonts/fontawesome-webfont.woff') format('woff'),
url('./styles/default/xenforo/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('./styles/default/xenforo/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
font-style: normal;
font-weight: normal;
}

.node.node_51 .forumNodeInfo .nodeIcon:after, .node.node_51 .categoryForumNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f0e6";
padding: 4px;
}

.node.node_51 .forumNodeInfo.unread .nodeIcon:after, .node.node_51 .categoryForumNodeInfo.unread .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f0e6";
padding: 4px;
}

/* FONT AWESOME NODE ICONS */

.node.node_51 .pageNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f0e6";
padding: 4px;

.node.node_51 .linkNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f0e6";
padding: 4px;
}
 
Upvote 0 Downvote
Godzilla said:
The black one is mine. I changed something and I don't know how to fix it back to normal like another picture



View attachment 171947View attachment 171946
Click to expand...
If you have not made any other customisation other than node icons.

Remove all extra.less code and save it as blank.

Then add code one by one and save and refresh page to see effect.

Proceed till you again go black, that moment will gove you clue what wrong in that extra.less attributes
 
Upvote 0 Downvote
Dnyan Deshmukh said:
If you have not made any other customisation other than node icons.

Remove all extra.less code and save it as blank.

Then add code one by one and save and refresh page to see effect.

Proceed till you again go black, that moment will gove you clue what wrong in that extra.less attributes
Click to expand...
I just want to make it back to default
 
Upvote 0 Downvote
Dnyan Deshmukh said:
If you have not made any other customisation other than node icons.

Remove all extra.less code and save it as blank.

Then add code one by one and save and refresh page to see effect.

Proceed till you again go black, that moment will gove you clue what wrong in that extra.less attributes
Click to expand...
I did as you said it's still the same
 
Upvote 0 Downvote
Extra.less has nothing to do with original code.

Its a blank file and it is provided to have custom modification code in it for css.

If you do not have any modification made to your site in any aspect for themes.

Then go to admin cp
Then appearance

Then template

Then look for templates with red color and click on them to revert to original.

Or create new child style and shift all user to that style and delete this faulty style.

Just play around appearnce tab, you will get more details
 
Upvote 0 Downvote
Code: 
For background color of node

.block.block--category.block--category(x) .block-header {
    background: #52c036;
    color: #ffffff;

For Material Design Icon for nodes

.node--forum.node--id(x).node--read .node-icon i::before {
  font: Material Design Icons;
    content: "\f186";
    color:     #d62d20;
    opacity: 0.3;}
.node--forum.node--id(x).node--unread .node-icon i::before {
  font: Material Design Icons;
    content: "\f186";
    color:     #d62d20;
   }


Do change (x). With your node and category id.
 
Last edited:
Upvote 0 Downvote
Dnyan Deshmukh said:
For background color of node

.block.block--category.block--category(x) .block-header {
background: #52c036;
color: #ffffff;

For Material Design Icon for nodes

.node--forum.node--id(x).node--read .node-icon i::before {
font: Material Design Icons;
content: "\f186";
color: #d62d20;
opacity: 0.3;}
.node--forum.node--id(x).node--unread .node-icon i::before {
font: Material Design Icons;
content: "\f186";
color: #d62d20;
}


Do change (x). With your node and category id.
Click to expand...
how do you find category id.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

F
  • Question Question
XF 2.2 like button disappearing
Replies
0
Views
91
Flixer
F
D
  • Question Question
XF 2.2 Different sizes of pictures in the text.
Replies
0
Views
178
daBertl
D
GrumbleShark
  • Question Question
XF 2.2 Push a member's uploaded media to their gallery page?
Replies
1
Views
184
TPerry
TPerry
oO5 Dynasty
  • Question Question
XF 2.2 Turned my logo into a font type, and wanted to implement it into xenforo.
Replies
3
Views
333
TPerry
TPerry
J
  • Question Question
XF 2.2 Category Icons confusion
Replies
2
Views
485
Jeroxia
J
Top Bottom