Graphene child theme center widget titles, howto

  • dtvarnum

    #2467

    Hi, I am new to the graphene theme. I really like it and want to make it work for me. I have some knowledge of CSS. Here is my graphene child theme style sheet.

    ‘/*

    Theme Name : graphene-child

    Description: Child Theme from the graphene theme

    Author: DT. Varnum

    Template: graphene

    version: 0.1.CT

    */

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

    .sidebar h3 {

    text-align: center;

    }’

    I am trying to align the text title of my sidebars. The div points to the .sidebar id, however when I change it in firebug it changes, but when I copy the .sidebar h3 section and paste it in my child style sheet nothing happens or the change isn’t made. I assume you simple place your css code in the style sheet and it works. Any help or direction is much appreciated. Thanks

    dennis

    Josh

    #20320

    The backtick key is on the top left of your keyboard, with the ~ key.

    It aligns for me using firebug also.

    Try this in your child css:

    .sidebar h3 {
    text-align: center !important;
    }

    That’s about as much as I can help without seeing your site.

    dtvarnum

    #20321

    Thanks Josh, my site is http://www.solutionfocusgroup.com/dtv. I know typically just changing the id’s can do much but am I editing the correct style sheet? I thought the child style sheet was the one to edit and not the original graphene style sheet?

    I am trying for a look kinda like http://bookblog.kjodle.net/ blog. I like the way they have the sidebars done. Any tips would be great. I am reading Digging Into WordPress 8th edition.

    dtvarnum

    #20322

    /*

    Theme Name : graphene-child

    Description: Child Theme from the graphene theme

    Author: DT. Varnum

    Template: graphene

    version: 0.1.CT

    */

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

    .sidebar h3 {

    text-align: center;
    }

    Josh

    #20323

    Here is the link to your stylesheet:

    http://www.solutionfocusgroup.com/dtv/wp-content/themes/graphene/style.css?ver=3.2.1

    So you want to go here (assuming you have set up a child theme correctly):

    http://www.solutionfocusgroup.com/dtv/wp-content/themes/graphene-child/style.css

    And make your adjustment there.

    dtvarnum

    #20324

    So, it looks like I just copy the original stylesheet into my child theme style.css file?

    That seems a bit unusual. I know the original stylesheet is in the graphene directory. I thought (correct me if my logic is off) the new graphene-child directory with my graphene-child stylesheet was the one I would edit.

    So should I start with a minimalist style.css in my child theme folder and build as I go or simple copy the whole parent stylesheet and edit it in the child theme directory? Trying to figure this one out.

    I followed your video on how to setup the child theme. It was very straight forward and easy.

    dennis

    Josh

    #20325

    Thank you.

    Okay, you have your original graphene directory. Then, in the same root, you also have a graphene-child directory. Within this graphene-child directory, you should have a style.css file. This is NOT the graphene stylesheet; rather it is one where changes you make will overwrite the graphene stylesheet defaults.

    So, you need to make the change stated above in your /graphene-child/style.css file.

    Also check the following links regarding stylesheets, and how to use them.

    https://forum.graphene-theme.com/graphene-support/how-to-modify-the-theme-using-a-child-theme

    http://codex.wordpress.org/Child_Themes

    dtvarnum

    #20326

    Ok, I think I am going to bed now. I found out why nothing was changing even though I had the concept and the code correct. I would put some css in my stylesheet and refresh and nothing would happen. I had not activated the Theme yet!!

    So for the past few days I have been trying to make code changes to my blog and not actually have it activated. Thanks Josh for your kind support. I can now edit at will. Sorry for the disconnect but I just got back from the East Coast.

    Josh

    #20327

    I had not activated the Theme yet!!

    Thank you. I hadn’t laughed that hard all day. You know something is funny when no one is around and you just “bust out” laughing. Thank you for that.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.