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

B
  • Question Question
XF 2.3 Twitter embeds broken on my site
Replies
5
Views
147
nodle
nodle
Cashisking
  • Question Question
XF 2.2 If I need help to customize my forum?
2
Replies
23
Views
1K
FrancescoL
FrancescoL
ForumFan
  • Question Question
I screwed up... password for database changed and now the Wordpress blog is unavailable on my site
Replies
3
Views
587
TPerry
TPerry
XboxUnlimited
Add-on I need help adding a feature to my add-on
Replies
1
Views
574
masterking
masterking
Miacommunity
  • Question Question
XF 2.2 Disaster on my site
Replies
2
Views
586
Ozzy47
Ozzy47
Back
Top Bottom