• Seph

    (@seph)


    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.