• 0
Sign in to follow this  
Followers 0

CSS Not Loading


Question

Posted · Report post

Framework Version: 1.1.5
WordPress Version: 3.8.1
Server/Host: tsohost
 
I've been having problems adding to the custom CSS on my site. I'll include the full CSS below, just in case, but I don't think the problem lies there.
 
Last time I had this issue someone suggested flushing the cache, which I did. Now, none of the custom CSS is being loaded in. This was working (and has been working for quite some time). Does anyone know how to fix this, what I should be looking for?
 
body { background:#1E020C; }

/* Header */

.headersec{
  background:#28181D;-
.message_mod{
  font-size:18px !important;
  line-height:26px;
}

.highlight{
  color:#74B275;
    color:#FF0066 !important;
}

#mediaboxue93j8 .pl-section-pad{
  margin-bottom:0px;
  padding-bottom:0px;
}

.fadedbg .pl-section-pad{
  padding:10px;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

  margin:0 auto;
}

.fadedbg .textbox-wrap > br{
  display:none;
}

.fadedbg p{
  margin-bottom:0px !important;
}

.fadedbg i{
  margin-left:60px;
  width:40px;
  display:inline-block;
}

/* Usages */

.usages .pl-bg-cover{
  -webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
  	background-repeat:no-repeat;
  	background-position:98% top;
}

.home_ibox .better_iboxes_text h4{
  font-size:20px;
  color:#74B275;
  font-weight:normal;
}

.home_ibox .media-type-image{
  width:210px !important;
  height:210px !important;
}

.home_ibox .better_iboxes_desc{
  font-size:14px;
}

/* featuresavailable */

.featuresavailable .pl-bg-cover{
  background-color:#cccccc;
  -webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
  	background-repeat:no-repeat;
  	background-position:13% center;
}

.trustestablished .pl-bg-cover{
  -webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
  	background-repeat:no-repeat;
  	background-position:13% center;
}

.safeguardProperty .pl-bg-cover{
  background-color:#999999;
  -webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
  	background-repeat:no-repeat;
  	background-position:13% center;
}

.safeguardProperty .highlight{
  color:#BBD9AF !important;
}

.threat_leftbg .pl-bg-cover{
  -webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
  	background-repeat:no-repeat;
  	background-position:13% center;
}

.backgroundTop .pl-bg-cover{
  background-position:13% top !important;
}

#pl_areaubn2l7 .pl-area-wrap{
  padding-bottom:0px !important;
}

#mediaboxuo0fcy .pl-section-pad{
  margin-bottom:0px;
  padding-bottom:0px;
}

.singlephone{
  margin-top:0px;
}

.featuresbox .better_iboxes_desc{
  display:none;
}

.featuresbox h6{
  color:#74B275;
  font-size:16px;
}

.featuresbox .better_iboxes_media span{
  padding:0px !important;
  margin:0px !important;
  border:none !important;
  background:none !important;
  width:90px !important;
  height:40px !important;
  color:#74B275;
}

.productFeatured .better_iboxes_text {
  padding-top:25px !important;
}

/* takethetest */

.takethetest{
  background-color:#cccccc; 
}

/* 4 Steps */

.foursteps h5{
  text-align:center;
  font-family:"courier";
  color:#000000;
  font-size:22px;
}

.fourstepsbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c8e0bd), color-stop(1, #4baa51));
	background:-moz-linear-gradient(top, #c8e0bd 5%, #4baa51 100%);
	background:-webkit-linear-gradient(top, #c8e0bd 5%, #4baa51 100%);
	background:-o-linear-gradient(top, #c8e0bd 5%, #4baa51 100%);
	background:-ms-linear-gradient(top, #c8e0bd 5%, #4baa51 100%);
	background:linear-gradient(to bottom, #c8e0bd 5%, #4baa51 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8e0bd', endColorstr='#4baa51',GradientType=0);
	background-color:#c8e0bd;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #c8e0bd;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	padding:13px 42px;
	text-decoration:none;
	text-shadow:-2px -1px 0px #68ad5c;
  	width:190px;
  	line-height:30px;
}
.fourstepsbutton:hover {
	background-color:#4baa51;
  color:#ffffff !important;
}
.fourstepsbutton:active {
	position:relative;
	top:1px;
}

/* How It Works */

.scrollnav,
.scrollnav .nav{
  background:none;
}

.snav-top-center-blueprint{
  padding:0px !important;
}

.section-scroll-nav .snav-top-center-blueprint ul.nav{
  width:100%;
}

.scrollnav .nav li{
  width:25%;
}

.scrollnav .nav li a{
  background:rgba(255,255,255,0.8);
}

.scrollnav .nav li a:hover,
.scrollnav .nav li a.active,
.scrollnav .nav li a.active:hover{
  background:rgba(46,100,155,0.8);
}

/* Footer */

.rembr br{
  display:none;
}

.rembr h5{
  margin-top:0px !important;
}

.rempad  > .pl-section-pad{
  margin:0px !important;
  padding:0px !important;
}

.footersectop{
  background:#28181D;
}

.footersecbottom{
  background:#1E020C;
}

/* Quiz */

.answer > span {
    border: 1px solid #000000;
    border-radius: 10px;
    display: inline-block;
    font-size: 26px;
    padding: 10px;
    width: 30%;
}
  
/* correct-paralax */

.correct-background-parallax .pl-area-wrap {
  background-attachment: fixed;
}

 

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

I have found the problem here. It was with this piece of code:

.headersec{
  background:#28181D;-
.message_mod{
  font-size:18px !important;
  line-height:26px;
}

I'm not sure how this happened but it looks like several CSS options were removed when I flushed the cache. Adding those in again is solving the issue. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, glad you managed to resolve. Thank you for updating the thread with the solution

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0