Jump to content

Archived

This topic is now archived and is closed to further replies.

jenniferl

Custom LESS/CSS Code Not Displaying in IE8

Recommended Posts

jenniferl

It seems that Internet Explorer 8 is not displaying my LESS/CSS code on my site: http://encoureharlanranch.com/welcome/. It works fine on all the other browsers. How should I fix this? I've attached screenshots comparing IE8 to Chrome for reference.  

Share this post


Link to post
Share on other sites
Rob

LESS CSS won't work in IE8, as it uses CSS and CSS3, but not LESS CSS.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Danny

What is the CSS you're using ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jenniferl

Below is the CSS I put into the custom code section. 

 

/* =Textbox Heights
-------------------------------------------------------------- */
#header .pl-area .pl-section .pl-section > .pl-section-pad {
    margin-bottom: 0em;
    padding: 0px;
}
 
.textbox-wrap.pl-animation.textleft.animation-loaded {
padding-top: 15px;
  padding-bottom: 5px;
}
 
.section-textbox .pl-section-pad .textbox-wrap {
  padding: 15px 0 0 0;
}
 
body .pl-area .pl-section .pl-section > .pl-section-pad {
  margin-bottom: 0;
  padding: 8px 8px 0 8px;
}
 
.section-textbox .pl-section-pad .textbox-wrap {
  padding: 0;
}
 
.drag-drop-editing .pl-section.section-plcolumn {
  margin-bottom: 0;
}
 
.the-media.fitvids.pl-centered.center.hentry {
  margin-top: 20px !important;
}
 
 
/* =Coming Soon Text
-------------------------------------------------------------- */
.preheader {
  color: #FFFFFF;
  padding-top: 10%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
 
 
/* =Register Here
-------------------------------------------------------------- */
.mediabox-wrap.pl-centerer.pla-fade.pl-animation.fix.animation-loaded {
  min-height: 168px !important;
}
 
#mediaboxwx90tr .mediabox-wrap.pl-centerer.pla-fade.pl-animation.fix.animation-loaded {
  position: absolute;
  top: -132px;
  z-index: 9999;
  right:10px; 
}
 
 
/* =Content
-------------------------------------------------------------- */
.content_background {
  background-color: #FFF;
}
 
.content {
  color: #ABCD4F;
  font-size: 370%;
  line-height: 125%;
  margin: 0;
}
 
.tagline {
  color: #7CAEC0;
  font-size: 135%;
}
.fslider {
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
   border-radius: 0px 0px 0px 0px;
   box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
   padding-top: 15px;
 
}

Share this post


Link to post
Share on other sites
Danny
The issue is most likely caused by your CSS for the MediaBox which contains the Register Here image. You will probably want to review your CSS and try alternative CSS. To make sure its an issue with your MediaBox/TextBox, try removing it and then viewing your site in IE8 again. Please be aware that IE8 is an old browsers, which doesn't support HTML5 nor CSS3, therefore support for IE8 is very limited.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×