• Creator
    Topic
  • #14908

    Karma Bennett
    Spectator
    Been thanked: 0 times

    We have an Evolve child theme. I upgraded the main, evolve theme and after that the child theme turns the site into nothing more than blank white. No error message.

    I’d been meaning to get the Premium theme anyway, so I went ahead and upgraded. Child also doesn’t work with the new Evolve Plus.

    How can we get our orphaned child theme back on track?

    The theme lives at learnhtmlwithsong.com/blog The css of our child:

    @charset “utf-8”;

    /*
    Theme Name: Evolve Child Theme
    Theme URI: http://theme4press.com/evolve
    Description: Evolve Child Theme – for Learn HTML with Song
    Template: evolve
    */

    @import url(“../evolve/style.css”);

    /* =Theme customization starts here
    ————————————————————– */
    .alignleft, .alignright {
    max-width: 50%;
    }

    div#wrapper {
    margin: 0px auto 0px auto !important;
    }

    .navbar-default {
    box-shadow: none !important;
    }

    .header {
    height: 21em;
    padding: 0;
    border-top: none;
    border-bottom: 100px solid #ededed;
    }

    #headercontainer {
    width: 100%;
    padding-left: 0;
    padding-right: 0;

    }

    #righttopcolumn {
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    }

    #mainnav1 {
    font-family: ‘Roboto’, sans-serif;
    font-size: 14px;
    font-weight: 300 !important;
    background: #000000;
    margin-top: 0;
    margin-left: 13%;
    }

    #logo {
    margin-left: -7.7%;
    position: relative;
    z-index: 9999 !important;
    margin-right: 70%;
    left: 0;
    height: 270px;
    }

    #pageheading {
    position: absolute;
    right: 0;
    font-size: 14px;
    line-height: 5px;
    letter-spacing: .5em;
    color: #ffffff;
    background: #9e9d9d;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    clear: none;
    padding-top: 46px;
    padding-left: 40%;
    margin: 0;
    width: 100% !important;
    z-index: 2;
    }

    #pageheading h1 {
    font-size: 14px;
    line-height: 5px;
    letter-spacing: .5em;
    color: #ffffff;
    margin-bottom: 0px;
    }

    #tagline {
    position: absolute;
    width: 100%;
    left: 0;
    top: 131px;
    line-height: 32px !important;
    font-weight: 600 !important;
    color:#000000;
    background: #d6d6d6;
    padding-top: 41px;
    padding-left: 35%;
    text-align: left;
    margin-left: 0;
    float: left;
    }

    #taglineBox {
    background: #d6d6d6;
    }

    /*#taglineBox {
    position: absolute;
    width: 100%;
    left: 0;
    top: 131px;
    line-height: 32px !important;
    font-weight: 600 !important;
    color:#000000;
    background: #d6d6d6;
    padding-top: 45px;
    padding-left: 40%;
    text-align: left;
    margin-left: 0;
    }*/

    #tagline:after {
    content: “you can become a web designer”;
    display: block;
    font-weight: normal;
    }

    #mainnav1 a, #mainnav1 a:hover, #mainnav1 a:visited {
    color: #ffffff;
    background-color: #000000 !important;
    }

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

    .navbar-default {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-color: transparent !important;
    }

    .container > .navbar-header, .container > .navbar-collapse {
    margin-left: auto;
    margin-right: auto;
    }

    .navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
    border: none;
    }

    #home a:hover {
    color: #fa2c64;
    }

    #course a, #course a:hover {
    color: #65c8c4 !important;
    }

    #music a:active, #music a:hover {
    color: Orange;
    }

    #store a:active, #store a:hover {
    color: Magenta;
    }

    #artist a:active, #artist a:hover {
    color: Yellow;
    }

    #diane a:active, #diane a:hover {
    color: Red;
    }

    #involved a:active, #involved a:hover {
    color: #99d32c;
    }

    #memory a:active, #memory a:hover {
    color: #f8e470;
    }

    #lyrics a:active, #lyrics a:hover {
    color: #993399;
    }

    .menu-container {
    background: #ffffff !important;
    }

    .menu-header {
    background: #9e9d9d !important;
    }

    /***********************************************************************************
    SOCIAL BUTTONS
    ***********************************************************************************/

    #sociallist {
    left: -8%;
    margin-top: -180px;
    position: relative;
    z-index: 5;
    float: right;
    }

    .icon-stack /*.icon-stack-base*/ {
    font-size: .85em !important;
    }

    /*.icon-stack [class^=”icon-“], .icon-stack [class*=” icon-“] {
    font-size: 1em !important;
    }*/

    #sociallist h1 {
    color: #464D46;
    font-size: 1em;
    margin-bottom: 0px;
    }

    #sociallist ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    -ms-padding-start: 0;
    padding-start: 0;
    margin-left: -6px;
    }

    /*#sociallist ul li+li { padding-left: .25em }*/

    #sociallist ul li a img {
    width: 40px;
    height: 40px;
    }

    .inline li { display: inline }

    #fbcircle {
    color: #3B5998 !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    #twcircle {
    color: #33CCFF !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    #gpcircle {
    color: #C63D2D !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    #licircle {
    color: #4875B4 !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    #ptcircle {
    color: #C63D2D !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    #ytcircle {
    color: #3B5998 !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }

    /*#sociallist {
    margin-top: -20px;
    margin-right: 5%;
    position: relative;
    z-index: 5;
    float: right;
    }

    #sociallist h1 {
    color: #464D46;
    font-size: .9em;
    letter-spacing: .02em;
    margin-bottom: 0px;
    }

    #sociallist ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    -ms-padding-start: 0;
    padding-start: 0;
    margin-left: -6px;
    }*/

    /*#sociallist ul li+li { padding-left: .25em }*/

    /*#sociallist ul li a img {
    width: 40px;
    height: 40px;
    }*/

    .inline li {
    display: inline

    }

    .comment-count {
    display: none;
    }

    .footer {
    background: #A8A5A5 !important;
    padding: 0;
    border-bottom: 15px solid #000000;

    }

    .footer nav {
    margin-left: 4%;
    }

    .footer a {
    font-family: ‘Roboto’, sans-serif;
    font-size: 14px;
    line-height: 14px !important;
    color: #000000;
    padding-bottom: 10px !important;
    }

    .footer a.footerNav2 {
    color: #353535;
    }

    .footer a:active, .footer a:hover {
    color: #ffffff;
    }

    .nav > li > a:hover, .nav > li > a:focus {
    background-color: #A8A5A5 !important;
    }

    address {
    font-size: .75em;
    margin-top: -3%;
    margin-left: auto;
    padding-right: 15px;
    }

    @media (max-width: 991px) {

    #logo {
    margin-left: -15%;
    height: 200px;
    width: auto;
    /*position: absolute;*/
    }

    #mainnav1 {
    position: relative;
    margin-left: 0;
    }

    #pageheading {
    padding-top: 10px;
    border-bottom: solid #d6d6d6 20px;
    }

    #pageheading h1 {
    font-size: 14px;
    line-height: 5px;
    letter-spacing: .5em;
    color: #000000;
    padding-top: 145px;
    margin-bottom: -90px;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.5);

    }

    #tagline {
    padding-top: 91px;
    margin-bottom: -50px;
    line-height: 40px;
    top: 145px;
    }

    #tagline::after {
    padding-top: 20px;
    margin-bottom: -60px;
    margin-top: -25px;
    }

    #sociallist {
    margin-top: -95px;
    }

    .sc-menu li a i {
    text-align: left;
    }

    .nav > li > a {
    padding: 10px 10px !important;
    }

    .footer nav {
    margin-left: -4% !important;
    }
    }

    @media only screen and (max-width: 768px) {
    #logo {
    float: none;
    display: inline-block;
    width: auto !important;
    text-align: center;
    }

    .header a {
    display: inline;
    }
    }

    @media (max-width: 768px) {

    #righttopcolumn {
    right: 45% !important;
    }

    #logo {
    margin-left: -15px;
    height: 150px;
    width: auto;
    /*position: absolute;*/
    }

    #mainnav1 {
    position: absolute;
    width: 65%;
    right: 0;
    }

    #mainnav1 ul {
    margin-top: 0px !important;
    }

    #pageheading {
    top: 50px;
    }

    #tagline {
    font-size: 25px !important;
    }

    #sociallist {
    margin-top: -40px;
    }

    .header {
    height: 16em;
    border-bottom: 50px solid #ffffff;
    }

    .menu-container {
    padding-top: 40px;
    }

    .footer nav {
    margin-left: 0 !important;
    }
    }

    @media only screen and (max-width: 600px) {

    #tagline {
    padding-left: 20%;
    }

    #sociallist {
    margin-top: -40px;
    }
    }

    @media (max-width: 480px) {

    #logo {
    width: auto !important;
    height: 100px;
    }

    .header {
    height: 16em;
    }

    #pageheading {
    letter-spacing: .1em;
    padding-left: 10% !important;
    }

    #tagline {
    padding-left: 5%;
    font-size: 20px !important;
    }

    #sociallist {
    margin-top: 10px;
    }

    address {
    font-size: .65em;
    margin-top: -5%;
    }
    }

Viewing 1 replies (of 1 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #14909 |

    if you are creating a child theme for the evolve plus, the child theme folder must be as follow: evolve-pluschild , also the definition of the style.css must be:

Viewing 1 replies (of 1 total)
You must be logged in to reply to this topic.