.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

Ferdinand
  • Question Question
XF 2.2 Button CSS/LESS emojis disappear in xf:button with gradient on hover tag
Replies
3
Views
362
stellaethra
stellaethra
Allan
Animated online indicator
Replies
2
Views
825
sub_ubi
sub_ubi
V
  • Question Question
XF 2.2 sf-dump artefacts when mp3s embedded in forum posts
Replies
14
Views
1K
voom
V
H
  • Question Question
XF 2.2 Error when posting an insert image url?
Replies
5
Views
1K
hugo4melton
H
oO5 Dynasty
  • Solved
XF 2.2 How to edit specific threads without changing the elements for other threads.
Replies
8
Views
993
Paul B
Paul B
Top Bottom