1.2 Child theme bug

  • Admin

    Syahir Hakim

    #12886

    No you should not copy the original theme’s style.css file. Doing so would render the child theme useless.

    If you see my first post in the thread on how to create a child theme (https://forum.graphene-theme.com/topic/how-to-modify-the-theme-using-a-child-theme), I mentioned that you should create a new style.css file in your child theme’s folder, and then insert the code I pasted there inside the new style.css file.

    What your browser will do then is that it will load the theme’s original style.css, followed by the custom CSS you defined in your child theme’s style.css. This way, your child theme’s style.css file will take priority over the theme’s original style.css file.

    If you copy the theme’s original style.css file over, of course the images and icons won’t be showing on your site, because the URL to those images is relative to the original theme’s folder.

    Das Capitolin

    #12887

    Understood. It’s odd that this method worked perfectly on the 1.1.4 theme, when it probably shouldn’t have.

    Admin

    Syahir Hakim

    #12888

    It works if you copy the theme’s images folder into the child theme as well, but as I said, it defeats the purpose of using a child theme.

    Das Capitolin

    #12889

    Ah, that explains it. I was using custom images in the last theme, and haven’t got to this with the new theme.

    JennC

    #12890

    Hi Syahir,

    I just updated a client site to 1.2 and have a major problem with how the navigation is displaying as well as some side-bar alignment issues. Not sure specifically what is causing this but here is the link:

    http://www.rodhethrows.com

    I am using a child theme and do have the images folder copied over.

    Can you advise on how to fix?

    Admin

    Syahir Hakim

    #12891

    You have incorrectly implemented your child theme.

    The original Graphene theme folder should be inside the wp-content/graphene/ folder. Your child theme should be inside the wp-content/graphene-child/ folder. Inside your child theme folder, DO NOT copy the theme’s original images folder, and DO NOT copy the theme’s style.css file.

    Instead, create an EMPTY style.css file inside your child theme, and add the code as I outlined here: https://forum.graphene-theme.com/topic/how-to-modify-the-theme-using-a-child-theme

    Then, put any custom CSS codes that you need after the code that you have inserted in the previous step.

    JennC

    #12892

    OK, have gone back and corrected the child theme and all seems to be working. Did have to do some updates to the css as the 1.2 theme is somewhat different in style than the older one. Looks good though and the work was worthwhile.

    Thanks for your great work on this theme, Syahir.

    Adriana

    #12893

    Hi

    Sorry, I put fire in the discussion and then disappear. But I was working on other things and decided to take a break on the issue of upgrading the theme. Besides, for some reason I have not received email notifying me of new posts in the discussion. Luckily I came here to look! ๐Ÿ™‚

    I’ll read everything you wrote with calm. I see I have to make changes in the function.php (in the previous version of the theme, changes in heather worked only with a change in CSS, but no problem, is a easy change! ๐Ÿ™‚ ).

    I am pretty sure that my child theme was created right because I follow the parameters in a tutorial for creating themes child by WordPress itself, but I’ll also take a look at your post about this matter to see if there are any differences in the design process suggested by WP and for you.

    As the next few days here we have a big holiday, so I don’t know if I can test everything and give feedback if it worked, but I thank you the work in helping us find solutions and as soon I could test, I’ll give you a feedback! ๐Ÿ™‚

    Adriana

    #12894

    But if helps, my actual CSS (graphene 1.1.4 , my child theme, WordPress 3.1) working nice on my site right now. ๐Ÿ™‚

    It’s a little messy because we did a lot of last minute changes and have not had time to clear the codes yet.

    I’m not sure if will work post in this way, but…

    /*

    Theme Name: RedeRPG

    Description: Child theme for Graphene (de Syahir Hakim http://www.khairul-syahir.com ) made by Adriana Almeida e Fรƒยกbio Birous

    Author: Adriana Almeida e Fรƒยกbio Birous

    Author URI: http: //www.rederpg.com.br

    Template: graphene

    Version: 2.2.0

    License: GNU General Public License, v2 (or newer)

    License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

    */

    @import url("../graphene/style.css");

    body{
    /* background:url(images/sprite_h.png) left -196px repeat-x #4a4949; */
    background:url(images/bg_g.png) repeat #000 fixed;
    }

    #content-main {
    padding: 0 0 0 8px;
    }

    #top_search button{
    background:url(images/search.png);
    }

    #header{
    height:115px;
    margin:0 0 5px 0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    }

    #header_img_link{
    height:115px;
    }

    .featured_slider{
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:5px;
    }

    .post .date{
    background:url(images/calendario.png) no-repeat;
    height:80px;
    width:58px;
    margin:-2;
    }

    .post-meta ul{
    background:url(images/dado-li.png) no-repeat;
    }

    .banner1 {
    padding-left:12px;
    }

    .banner2 {
    float:right;
    padding-right:10px;
    }

    h2 a, h2 a:visited, a, a:visited {
    color:#600;
    font:normal 20px;
    }

    .entry-content h6, .comment-entry h6{
    font-size:11px;
    text-align:right;
    }

    .entry-content h3, .comment-entry h3{
    font-size:16px;
    }

    .entry-content ul li{
    list-style-image:url(images/dado-li2.png);
    margin-bottom:3px;
    }

    blockquote{
    background:url(images/blockquote.png) no-repeat #e1e0e0;
    text-align:justify;
    line-height:20px;
    color:#474747 !important;
    }

    table td, table th, table tr{
    font:normal 12px;
    line-height:20px;
    text-align: justify;
    }

    .post-tags{
    width:500px;
    float:left;
    font:normal 11px tahoma;
    line-height:16px;
    margin-top:5px;
    color:#929292;
    }

    .sidebar h3{
    width:243px;
    font:normal 16px/36px arial;
    padding-left:12px;
    margin:-15px 0px 3px -12px;
    color:#ab1c11;
    background:url(images/sidebar.png) no-repeat;
    }

    #nav{
    height:46px;
    background:url(images/sprite_h.png) left top repeat-x #4f0310;
    width:100%;
    border-bottom:3px solid #fff;
    padding-top:12px;
    }

    #footer{
    background:url(images/sprite_h.png) left -117px repeat-x #000;
    height:49px;
    position:relative;
    -moz-box-shadow:0 -3px 7px 0 #000000;
    -webkit-box-shadow:0 -3px 7px 0 #000000;
    box-shadow:0 -3px 7px 0 #000000;
    }

    .block-button, .block-button:visited{
    display:block;
    font:normal 11px arial;
    text-decoration:none;
    padding:2px 5px 2px 5px;
    color:#fff;
    margin-top:5px;
    position:relative;
    border:1px solid #43020e;
    float:right;
    -moz-border-radius: 1em 2em 1em 2em;
    border-radius: 1em 2em 1em 2em;
    -webkit-border-radius:1em 2em 1em 2em;
    -moz-box-shadow:0 0 5px #4a0310;
    -webkit-box-shadow:0 0 5px #4a0310;
    box-shadow:0 0 5px #4a0310;
    background:#620919;
    background:-moz-linear-gradient(#461515, #911616);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#461515), to(#911616));
    background:linear-gradient(#461515, #911616);
    -pie-background: linear-gradient(#461515, #911616);
    }

    .block-button:hover{
    text-decoration:none;
    color:#fff;
    cursor:pointer;
    background:#1C5FA5;
    background:-moz-linear-gradient(#911616, #461515);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#911616), to(#461515));
    background:linear-gradient(#911616, #461515);
    -pie-background: linear-gradient(#911616, #461515);
    }

    .comment-link{
    float:left;
    padding-top:5px;
    text-align:right;
    }

    .comment-link a, .comment-link a:visited{
    font:normal 12px arial;
    }

    .entry-content .excerpt-thumb{
    float:right;
    margin:5px 5px 0 3px;
    }

    #content{
    background:#e3e3e3;
    border-top:21px solid #e3e3e3;
    padding-bottom:20px;
    text-align:justify;
    }

    .post{
    width:573px;
    padding:25px 18px 20px 24px;
    background:#fff;
    margin-bottom:5px;
    text-align:justify;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    }

    .entry-footer{
    border-top:1px solid #e3e3e3;
    margin-top:5px;
    clear:both;

    }

    .comment-link{
    float:right;
    text-align:right;
    padding-top:1;
    }

    .add-this, .add-this-right{
    float:left;
    padding-top:1px;
    }

    .add-this-right{
    float:left;
    padding-top:0;
    }

    .adsense_single{
    text-align:center;
    background:#e3e3e3;
    }

    #comments li.depth-1{
    background:#e9ecf5;
    padding:18px 0 10px 20px;
    margin-bottom:10px;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    }

    #commentform{
    background:#eee;
    width:615px;
    padding:18px 0 15px 0 !important;
    margin-bottom:10px;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    }

    #container {
    background-color:#fff;
    }

    .slider_post h2 a, .slider_post h2 a:visited {
    font:normal 20px georgia;
    letter-spacing:-1px;
    }

    a:hover {
    color: #900;
    text-decoration:underline
    }

    #LoginWithAjax table td, #LoginWithAjax table th, #LoginWithAjax table tr {
    text-align: left;
    border: none;
    font-family: tahoma;
    padding: 2px 5px;
    }

    #LoginWithAjax table tr {
    background: none;
    }

    #container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
    color: #c90;
    }

    .sidebar h3 {
    background: -moz-linear-gradient(left top, #660000, #330000);
    background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#330000));
    background: linear-gradient(left top, #660000, #330000);
    background: -pie-linear-gradient(left top, #660000, #330000);
    border-bottom: none;
    color: #fc3
    }

    #nav {
    border-bottom: none;
    }

    #content {
    border-top: none;
    }

    .home #content {
    background: url("images/dragao.jpg") no-repeat scroll 0 0 #E3E3E3;
    }

    .home #sidebar_right {
    margin-top: 341px;
    }

    .featured_slider #slider_root {
    margin: 42px auto 0;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .featured_slider {
    background: none;
    right: -258px;
    margin-bottom: 46px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    div#vs_main2 { /* alinha o slider vertical de imagens da galeria */
    margin: 0 auto;
    }

    Adriana

    #12895

    PS: I did not make any changes on funcions.php at this momment, but changed a little the following files:

    loop.php

    header.php

    footer.php

    ๐Ÿ™‚

Viewing 10 posts - 11 through 20 (of 22 total)

  • You must be logged in to reply to this topic.