Firefox and IE ignoring my Custom CSS
-
Hey there,
here is my site: http://goo.gl/zGSS3e
For some reason, it looks fine in chrome. But Firefox and Internet Explorer are completly ignoring my custom css. I’m using a child theme. Any idea why this is happening?
My custom CSS looks as that:
`/*
Theme Name: Engine Child
Description: Child theme for engine
Author:
Template: engine
*/#disqus_thread {padding:30px;}
#sticky-bar{background:#595959;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}
#sticky-bar .social-badges a {color:#fff !important;}
#sticky-bar .social-badges a:hover {color:#E11E56 !important;}
/*
#sticky-search{height:50px}
#sticky-search input{height:50px;padding:25px 40px;font-size:25px}
*/#section-menu .read-more .theme-icon-forward{top:-60px}
#section-menu>ul>li>a {border-right:0px;}
#section-menu .mega-content {box-shadow: 0px 65px 123px -48px rgba(0,0,0,0.5);}
.section-menu-mobile ul li a:hover, .section-menu-mobile ul li.over > a, .section-menu-mobile ul li.current-menu-item > a {background-color:#C11E56 !important}.compare-title {font-size:15px;margin:0px}
.compare-count {display:none}.theme-icon-users {display:none !important}
.theme-icon-reviewed {display:none !important}.loop-panel .excerpt{margin:25px 0 0;color:#333;line-height:1.6em; font-size:16px;}
.loop-panel h2.article-title{font-size:38px;line-height:35px;text-transform:none;font-family:”Rajdhani”}.single-page h1.single-title{margin:0 0 25px 0;font-size:50px;line-height:50px;letter-spacing:-1px;font-weight:700; text-transform:none; font-family:”Rajdhani”}
.longform-post h1.single-title{font-size:52px;line-height:52px;margin-bottom:0;font-family:”Rajdhani”}
.btn-info {display:block; margin: 0px auto; width: 100px;}
a.btn.no-scroll.btn-info {color:#fff;background:#C11E56;border:none;font-family:”Rajdhani}
a.btn.no-scroll.btn-info:hover {color:#fff;background:#E11E56;border:none;font-family:”Rajdhani}.author-link a {text-decoration:none;color:#C11E56 !important; font-weight:normal}
.single-page .the-content a {text-decoration:none;color:#C11E56 !important; font-weight:normal}
.subfooter a {text-decoration:none;color:#C11E56 !important; font-weight:normal}.widgets .social-badges a {color:#C11E56}
.widgets .social-badges a:hover {color:#E11E56 !important}/*Modal*/
.modal-footer {border:none; margin-top:-45px;font-size:15px;color:#C11E56}
.modal-header {border:none}/*MailPoet*/
.widget_wysija_cont p label {font-size:14px;font-weight:500}
.widget_wysija_cont .wysija-submit {font-size:14px;color:#fff;background-color:#C11E56;border-radius:5px;border-color:#C11E56;display:block; margin: 0px auto; width: 100px;border-style:solid;padding:4px;}
.wysija-input {color:#595959;padding-left:4px;}
.modal-content .jumbotron .widget_wysija_cont .wysija-submit {font-size:14px;color:#fff;background-color:#C11E56;border-radius:5px;border-color:#C11E56;border-style:solid;padding:4px;display:block;margin:0px}
.modal-content .jumbotron .wysija-input {font-size:14px;padding-left:4px;}/* post specific settings */
/* Morpheus */
#post-627 .authorship {display:none}
#post-627 .author-info {display:none}
#post-627 .reactions-wrapper {display:none}
#post-627 .postinfo {display:none}/* Gear-VR */
#post-664 .authorship {display:none}
#post-664 .author-info {display:none}
#post-664 .reactions-wrapper {display:none}
#post-664 .postinfo {display:none}/* Rift */
#post-647 .authorship {display:none}
#post-647 .author-info {display:none}
#post-647 .reactions-wrapper {display:none}
#post-647 .postinfo {display:none}/* Razor */
#post-723 .authorship {display:none}
#post-723 .author-info {display:none}
#post-723 .reactions-wrapper {display:none}
#post-723 .postinfo {display:none}/* Vive */
#post-638 .authorship {display:none}
#post-638 .author-info {display:none}
#post-638 .reactions-wrapper {display:none}
#post-638 .postinfo {display:none}/* Cardboard */
#post-737 .authorship {display:none}
#post-737 .author-info {display:none}
#post-737 .reactions-wrapper {display:none}
#post-737 .postinfo {display:none}/* SmartEyeGlass */
#post-641 .authorship {display:none}
#post-641 .author-info {display:none}
#post-641 .reactions-wrapper {display:none}
#post-641 .postinfo {display:none}/* HoloLens */
#post-755 .authorship {display:none}
#post-755 .author-info {display:none}
#post-755 .reactions-wrapper {display:none}
#post-755 .postinfo {display:none}/* Google Glass */
#post-871 .authorship {display:none}
#post-871 .author-info {display:none}
#post-871 .reactions-wrapper {display:none}
#post-871 .postinfo {display:none}/* Vuzix M100 */
#post-922 .authorship {display:none}
#post-922 .author-info {display:none}
#post-922 .reactions-wrapper {display:none}
#post-922 .postinfo {display:none}/* Weon Glasses */
#post-948 .authorship {display:none}
#post-948 .author-info {display:none}
#post-948 .reactions-wrapper {display:none}
#post-948 .postinfo {display:none}/* Meta 1 */
#post-920 .authorship {display:none}
#post-920 .author-info {display:none}
#post-920 .reactions-wrapper {display:none}
#post-920 .postinfo {display:none}/*VR-Brillen Übersicht*/
.page-id-14 .builder-html .html-inner {border:0px;box-shadow:none;margin:0px;}
.page-id-14 .jumbotron {margin:0px;padding-top:20px;}/*Datenbrillen Übersicht*/
.page-id-323 .builder-html .html-inner {border:0px;box-shadow:none;margin:0px;}
.page-id-323 .jumbotron {margin:0px;padding-top:20px;}/* MAINPAGE GRID*/
.builder-html .html-inner {padding:3px;margin:0px;}@media only screen and (max-width: 720px) {.builder-html .html-inner {display:none !important;}}
#mainpage .esg-entry-cover:hover {background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(198,32,87,0.4) 79%, rgba(198,32,87,0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(79%, rgba(198,32,87,0.4)), color-stop(100%, rgba(198,32,87,0.4)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(198,32,87,0.4) 79%, rgba(198,32,87,0.4) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(198,32,87,0.4) 79%, rgba(198,32,87,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(198,32,87,0.4) 79%, rgba(198,32,87,0.4) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(198,32,87,0.4) 79%, rgba(198,32,87,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#000000′, endColorstr=’#c62057′, GradientType=0 );}/*#mainpage .esg-entry-cover {text-shadow:1px 3px 2px rgba(0,0,0,0.4)}*/
/* #mainpage .esg-entry-cover {background: rgba(198,32,87,0.4);
background: -moz-linear-gradient(-45deg, rgba(198,32,87,0.4) 0%, rgba(194,120,145,0.4) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(198,32,87,0.4)), color-stop(100%, rgba(194,120,145,0.4)));
background: -webkit-linear-gradient(-45deg, rgba(198,32,87,0.4) 0%, rgba(194,120,145,0.4) 100%);
background: -o-linear-gradient(-45deg, rgba(198,32,87,0.4) 0%, rgba(194,120,145,0.4) 100%);
background: -ms-linear-gradient(-45deg, rgba(198,32,87,0.4) 0%, rgba(194,120,145,0.4) 100%);
background: linear-gradient(135deg, rgba(198,32,87,0.4) 0%, rgba(194,120,145,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#c62057′, endColorstr=’#c27891′, GradientType=1 );}/*old
.filter-tech.eg-mainpage-wrapper .esg-overlay {background: rgba(208,22,84,0.66);
background: -moz-linear-gradient(left, rgba(208,22,84,0.66) 0%, rgba(208,22,84,0.54) 33%, rgba(255,255,255,0.3) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,22,84,0.66)), color-stop(33%, rgba(208,22,84,0.54)), color-stop(100%, rgba(255,255,255,0.3)));
background: -webkit-linear-gradient(left, rgba(208,22,84,0.66) 0%, rgba(208,22,84,0.54) 33%, rgba(255,255,255,0.3) 100%);
background: -o-linear-gradient(left, rgba(208,22,84,0.66) 0%, rgba(208,22,84,0.54) 33%, rgba(255,255,255,0.3) 100%);
background: -ms-linear-gradient(left, rgba(208,22,84,0.66) 0%, rgba(208,22,84,0.54) 33%, rgba(255,255,255,0.3) 100%);
background: linear-gradient(to right, rgba(208,22,84,0.66) 0%, rgba(208,22,84,0.54) 33%, rgba(255,255,255,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#d01654′, endColorstr=’#ffffff’, GradientType=1 );}
.filter-vrapps.eg-mainpage-wrapper .esg-overlay {background: rgba(208,22,84,0.64);
background: -moz-linear-gradient(45deg, rgba(208,22,84,0.64) 0%, rgba(245,245,245,0.3) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(208,22,84,0.64)), color-stop(100%, rgba(245,245,245,0.3)));
background: -webkit-linear-gradient(45deg, rgba(208,22,84,0.64) 0%, rgba(245,245,245,0.3) 100%);
background: -o-linear-gradient(45deg, rgba(208,22,84,0.64) 0%, rgba(245,245,245,0.3) 100%);
background: -ms-linear-gradient(45deg, rgba(208,22,84,0.64) 0%, rgba(245,245,245,0.3) 100%);
background: linear-gradient(45deg, rgba(208,22,84,0.64) 0%, rgba(245,245,245,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#d01654′, endColorstr=’#f5f5f5′, GradientType=1 );}*//* nicht aktiv
.overlay-hover {
color: #fff;
height: 100%;
opacity: 0;
padding-top: 30%;
text-align: center;
transition: opacity 0.2s ease 0s;
width: 100%;
}.article-info {color:#fff}
*/
- The topic ‘Firefox and IE ignoring my Custom CSS’ is closed to new replies.