XF 1.5 extra.css not working

Senpai

Senpai

Well-known member
im not really sure if this is a bug or i was the one who caused it but whenever i add code to extra.css my forum doesn't read it
Code: 
/* shake it baby */
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.shake {
display:inline-block
}

/* editor message */
.wnr2 {
color: #99a0a8;
}
.c_bad {
color: red;
}



.awesome {
      font-family: futura;
      font-style: italic;
      width:100%;
      margin: 0 auto;
      text-align: center;
      color:#f20000;
      font-size:16px;
      font-weight: bold;
      -webkit-animation:colorchange 3s infinite alternate;
    }

    @-webkit-keyframes colorchange {
      50% {
       
        color: red;
      }
     
      100% {
       
        color: #17687c;
      }



}
::-webkit-scrollbar {
    background: #2c2c2c; 
    width: 12px;

}
::-webkit-scrollbar-track {

}
::-webkit-scrollbar-thumb {
    background: #17687c; 
    -webkit-box-shadow: inset 0 0 6px rgba(23, 104, 124); 
}
::-webkit-scrollbar-thumb:hover {
    background: #17687c; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.6); 
}
@-webkit-keyframes headershine {
    0%        { opacity: 0.4; }
    50%        { opacity: 1; }
    100%     { opacity: 0.4; }
}

/* User Rank Images: Prolapse */
.userrank {
    display: block;
    margin-left: 16px;
}

.ownerinfo {
    border-top: 1px dotted #000;
    display: block;
    margin-left: 4px;
}

.message .messageUserBlock .userBanner { display: none; }




}

.pleasesearchbeforeask {
    width: 151px;
    padding: 4px 0px;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    text-shadow: none;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 500;
    background: #131313;
    color: #00fa2f;
    margin-right: 29px;
    text-shadow: 0px 0px 8px #00fa2f;
    position: absolute;
    right: -29px;
    width: 148px;
    /* wolfs css dont change */
}

.ramzan {
    padding: 6px 457px;
    text-align: center;
    border-radius: 0px;
    font-size: 11px;
    text-shadow: none;
    /* margin: 0 auto; */
    font-weight: 510x;
    background: #f17405;
    color: #000000;
    margin-right: -178px;
    right: 50px;
    margin-left: -18px;
    text-decoration: none;
    /* wolfs css dont change */ 
    }

nothing seems to work it was working before but not anymore damn :( could someone please help
 
Sort by date Sort by votes
M@rc said:
Try adding !important right before every ;
Click to expand...

That's not exactly how it works, !important doesn't need to be used all the time. If XenForo has say...

Code: 
.messageText { font-size: 12px; }

Rather than putting an important! you could just use a higher CSS selector.

Code: 
.message .messageText { font-size: 14px; }

Giving your CSS the higher priority.

@Senpai I'm seeing an extra closing bracket after: .message .messageUserBlock .userBanner { display: none; } which could cause some problems.
 
Upvote 0 Downvote
Russ said:
That's not exactly how it works, !important doesn't need to be used all the time. If XenForo has say...

Code: 
.messageText { font-size: 12px; }

Rather than putting an important! you could just use a higher CSS selector.

Code: 
.message .messageText { font-size: 14px; }

Giving your CSS the higher priority.

@Senpai I'm seeing an extra closing bracket after: .message .messageUserBlock .userBanner { display: none; } which could cause some problems.
Click to expand...
thanks for trying to help me out bro im gonna look at that now :)
 
Upvote 0 Downvote
Russ said:
That's not exactly how it works, !important doesn't need to be used all the time. If XenForo has say...

Code: 
.messageText { font-size: 12px; }

Rather than putting an important! you could just use a higher CSS selector.

Code: 
.message .messageText { font-size: 14px; }

Giving your CSS the higher priority.

@Senpai I'm seeing an extra closing bracket after: .message .messageUserBlock .userBanner { display: none; } which could cause some problems.
Click to expand...
ahh ******** it still didn't work what is causing this yesterday it was fine and now it decided to break
 
Upvote 0 Downvote
@Senpai I know this might seem obvious but sometimes the obvious things are the easiest to miss...Are you sure you are adding to the EXTRA.css of the current theme and not another theme you have installed?
 
Last edited:
  • Like
Reactions: J-B
Upvote 0 Downvote
You must have a typo or missing opening/closing { } somewhere..

Copy and paste your whole EXTRA.CSS into a text file on your device, then empty EXTRA.CSS on your XenForo..

Then slowly add each section one by one - you should be able to find the typo that way..
 
Upvote 0 Downvote
Also font-weight in .ramzan has a typo, you're missing px:

Rich (BB code): 
.ramzan {
    padding: 6px 457px;
    text-align: center;
    border-radius: 0px;
    font-size: 11px;
    text-shadow: none;
    /* margin: 0 auto; */
    font-weight: 510x;
    background: #f17405;
    color: #000000;
    margin-right: -178px;
    right: 50px;
    margin-left: -18px;
    text-decoration: none;
    /* wolfs css dont change */
    }
 
Upvote 0 Downvote
Lawrence said:
@Senpai you have a "}" two lines below this css line:
.message .messageUserBlock .userBanner { display: none; }
Click to expand...

Yes. This was mentioned by Russ in post #3 so presumably Senpai fixed that. If not then that does explain everything.

An extra curly bracket will screw the whole thing.

These things can be sorted by removing all code and adding back in bit by bit, or check the code here:

http://jigsaw.w3.org/css-validator/
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Tayfun
  • Question Question
XF 2.2 extra.less not working?
Replies
5
Views
605
Tayfun
Tayfun
M
  • Question Question
XF 2.0 Node group perms not working
Replies
1
Views
1K
Paul B
P
forumdesados
  • Question Question
XF 1.5 .styleID not working in EXTRA.css
Replies
4
Views
1K
forumdesados
forumdesados
D
  • Question Question
XF 1.5 How overwrite @property style in extra.css ?
Replies
4
Views
726
dondomainer
D
P
  • Question Question
XF 1.4 extra.css not working
Replies
8
Views
574
PASS
P
Back
Top Bottom