• Closed
  • Karma Bennett
    Spectator
    February 21, 2015 at 9:16 am #14908

    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%;
    }
    }

    Roman
    Spectator
    Posts: 3147
    February 21, 2015 at 12:24 pm #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:

    /*
    Theme Name: evolve child
    Template: evolve-plus
    Author: name
    Version: 1.0
    */

    @charset "UTF-8";
    @import url('../evolve-plus/style.css');