.node .nodeLastPost issues

T

thodiral

Member
Currently trying to change my .node .nodeLastPost but everything i add to EXTRA.css doesnt work.
nodelastpost.webp
Code: 
.node .nodeLastPost
{
    background: background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid rgb(225, 225, 225);
box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
;
    
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}

That just keeps it the same like the image above.
Now if i use the sources tab using chromes element inspector everything works.
nodelastpost2.webp
But when i add it in EXTRA.css like this it doesnt work.
nodelastpost3.webp

Anyone have anything that im missing, or not doing correctly?
 
Sort by date Sort by votes
thodiral said:
Currently trying to change my .node .nodeLastPost but everything i add to EXTRA.css doesnt work.
View attachment 44153
Code: 
.node .nodeLastPost
{
    background: background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid rgb(225, 225, 225);
box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
;
 
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}

That just keeps it the same like the image above.
Now if i use the sources tab using chromes element inspector everything works.
View attachment 44155
But when i add it in EXTRA.css like this it doesnt work.
View attachment 44156

Anyone have anything that im missing, or not doing correctly?
Click to expand...

You seem to have two
background: background:

in your code. try removing one of them.

And for any styling not taking effect try adding !important before the ;
 
Upvote 0 Downvote
you also have one too many ; after the following

Code: 
box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
;
 
Upvote 0 Downvote
Using this code here and it doesnt work still
Code: 
.node .nodeLastPost
{
    background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid rgb(225, 225, 225);
box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
    
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}
 
Upvote 0 Downvote
thodiral said:
Using this code here and it doesnt work still
Code: 
.node .nodeLastPost
{
    background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid rgb(225, 225, 225);
box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,.3);
   
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}
Click to expand...

I'm unsure what type of look your trying to achieve but try the following.BTW you probably don't need to add all of that code since your own altering a small part of the lastpost area.

Code: 
.node .nodeLastPost
{
    background: url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top rgba(225,225,225, 1) !important;
padding: 10px;
border: 1px solid rgb(225, 225, 225) !important;
box-shadow: 0 0 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.3);
    
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}
 
Upvote 0 Downvote
Shelley said:
I'm unsure what type of look your trying to achieve but try the following.BTW you probably don't need to add all of that code since your own altering a small part of the lastpost area.

Code: 
.node .nodeLastPost
{
    background: url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top rgba(225,225,225, 1) !important;
padding: 10px;
border: 1px solid rgb(225, 225, 225) !important;
box-shadow: 0 0 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.3); -khtml-box-shadow: 0 0 12px rgba(0,0,0,0.3);
   
    font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #8B7355;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
 
}
Click to expand...
Tried using just this:
Code: 
.node .nodeLastPost
{
background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
}
Still doesnt change anything, but if i alter the code in chromes element inspector it works...da hell?
 
Upvote 0 Downvote
thodiral said:
Tried using just this:
Code: 
.node .nodeLastPost
{
background: rgba(225,225,225,.1) url('styles/minecraft/xenforo/gradients/category-23px-light.png') repeat-x top;
}
Still doesnt change anything, but if i alter the code in chromes element inspector it works...da hell?
Click to expand...

Are you pasting in the code in the correct style extra.css template and not another ?

Add !important before the ;
 
Upvote 0 Downvote
Try this...
Code: 
.node .nodeLastPost {
background: url("styles/minecraft/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgba(225, 225, 225, 0.1) !important;
}
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Neil E.
  • Question Question
XF 1.3 Move .node .nodeLastPost .lastThreadTitle using CSS
Replies
1
Views
747
Neil E.
Neil E.
Stuart Wright
  • Suggestion Suggestion
Duplicate Show the prefix in the last post box (nodeLastPost)
Replies
2
Views
1K
Stuart Wright
Stuart Wright
gldtn
  • Question Question
node nodeInfo styling
Replies
2
Views
1K
bogus
B
Back
Top Bottom