• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

.node .nodeLastPost issues

#1
Currently trying to change my .node .nodeLastPost but everything i add to EXTRA.css doesnt work.
nodelastpost.png
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.png
But when i add it in EXTRA.css like this it doesnt work.
nodelastpost3.png

Anyone have anything that im missing, or not doing correctly?
 

Shelley

Well-known member
#2
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?
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 ;
 

Shelley

Well-known member
#3
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);
;
 
#4
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;
 
}
 

Shelley

Well-known member
#5
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;
 
}
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;
 
}
 
#6
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;
 
}
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?
 

Shelley

Well-known member
#7
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?
Are you pasting in the code in the correct style extra.css template and not another ?

Add !important before the ;
 

EQnoble

Well-known member
#9
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;
}