Return to Support

How to modify the theme using a child theme

Home Forums Graphene WordPress theme Support How to modify the theme using a child theme

Viewing 15 posts - 16 through 30 (of 107 total)
  • Author
    Posts
  • #10844
    BenGladden
    Member

    Thanks! Much appreciated!

    #10845
    dbsporting
    Member


    sorry, ignore this, figured it out, thanks~!


    Hi,

    I have created the child theme as instructed, but it seems to have made my menu go weird. I had amended the menus before creating the child theme, but when I activated the child theme, the amendments I made to the menus did not show, despite still being as I want them in the Appearance-Menus section on WP.

    Any ideas what’s happened and how I can fix it?

    Many thanks in advance,

    Dave – http://www.freebetsfreetips.com

    #10846
    istrategy
    Member

    I think the code causes a global problem…

    The CSS code:

    div.type-page div.entry h2{display:none;}

    hides ALL <h2> TITLES throughout the website …

    Is there any other way to get around displaying the title on the homepage?

    Thanks!!

    #10847
    Syahir Hakim
    Keymaster

    To target elements on the home page only using css, prefix the elements’ selector with the .home class. Example:

    .home div.type-page div.entry h2{display:none;}

    #10848
    istrategy
    Member

    Thanks for that Syahir, much appreciated!!

    #10849
    meryl
    Member

    Anyone have a CSS that uses the child theme to switch from a right sidebar to a left one? Or do I just change the float from right to left? Didn’t see anything in the WP docs on this.

    #10850
    jorge
    Member

    This could be a simple question, but if I create a simple child theme such us

    /*

    Theme Name: Graphene Child

    Theme URI: http: //example.com/

    Description: Child theme for the Graphene theme

    Author: Your name here

    Author URI: http: //example.com/about/

    Template: graphene

    Version: 0.1.0

    */

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

    all the changes I’ve made are gone. Is there a way of avoiding this? And how do you back up the customized template?

    #10851
    meryl
    Member

    Child theme worked beautifully… except for one thing… my banner image and background image reverted to the default style and they’re not available from the theme editor. This being the case, it sounds like the best thing to do is update the original CSS instead of create a child.

    Just realized that whenever a new theme comes out, it will erase my modifications. Then how do I get the selected banner and background image to stay the same when using child?

    #10852
    Syahir Hakim
    Keymaster

    @jorge: What do you mean by the changes you’ve made are gone? You need to make the changes in the child theme. For CSS changes, put the CSS codes in the child theme’s style.css after the @import url("../graphene/style.css"); line.

    @Leah: WordPress treats a child theme as a separate, different theme then the parent theme. So whenever you switch to a child theme, you would have to upload and set the custom header image and background image again.

    #10853
    meryl
    Member

    Thanks, Syahir. If you only put the changes in the child theme and it reflects the main one — why don’t the header and background carry over, too?

    #10854
    Syahir Hakim
    Keymaster

    The custom header and background are managed by WordPress and not the theme. The theme merely provides support for the functionality, so when WordPress detects that you have a different theme (child theme included), the custom header and background don’t automatically get assigned to the child theme.

    You’d have to upload and set the custom header and background for the child theme to get them to be applied for the child theme.

    #10855
    royhowk
    Member

    I want to move the search box location from the top of the header to the main menu bar. I also want to remove the top bar where the RSS and search box is now.

    I have a child theme setup which is modifying some styles already…but just can’t figure out how to accomplish this item. I know where the code is located in the header.php file, but I am unsure of how to modify it safely.

    Can you help?

    #10856
    Elodie
    Member

    Hi Everyone!

    Thanks for the theme Syahir. It’s great for a beginner like me.

    I already changed few things. I also changed the color of the content of my post. But the tittles, the author name, the”see the post” & the”leave a comment” are still blue. I would like to change the color of all the texts. Anyone has a CSS i could use in a child theme that i would try to create?

    Thanks for your help.

    #10857
    Dafne
    Member

    Hi everybody.

    First of all I just would like to say thank you for sharing your theme, which looks great.

    My only concern regards a little bit its flexibility, as often themes that are very stylish and refined are not so good in terms of maintainability and the possibility of extending them.

    I think child themes are a good way to extend wordpress themes in a fairly modular and maintainable way.

    However, being pretty a newbie in WordPress, I was wondering if I should stick to your theme or just create a new one by customizing one of the many minimal themes available.

    I succeeded in applying several modifications to yours, even though in some cases I had to devise some workarounds.

    For example, one thing that still is not clear to me is where and how you are formatting

    < ul > elements in your code. More specifically I wanted to create an unordered list in the central body without any visible bullet points. It looks like your code hides the standard bullet points and creates new light-blue square bullet points.

    I eventually managed to get what I wanted, but I am really curious to know if you’re are changing those properties programmatically (possibly in functions.php) or you are doing everything in one of your CSS files (which one?).

    I also noticed a possible bug as I turned one of my pages into a one-column page, that is without any sidebar. After applying that change through the admin panel, the footer moved to the left and in that one-column page it is not properly aligned with the remaining sections.I am not sure whether this has to do with my code or not, so you might want to check it out.

    I would really appreciate it if you could let me know something about where and how you create those custom bullet points for < ul > elements.

    Thanks a lot.

    Dafne

    #10858
    Syahir Hakim
    Keymaster

    Hi Dafne,

    I didn’t use any programming to style those bullet points. They’re all purely CSS.

    What I did was:

    1. Disable the bullets

    2. Add padding to the left of each <li> element

    3. Add background image to each <li> element (this is where the blue square comes from)

    If you’d like to disable the bullet points, you’ll just have to remove the padding and the background for the <li> element.

    As for the footer being moved to the left, this is usually caused by a stray </div> closing the opening div too soon, i.e. the container which contained the footer is closed before the the footer is included. You might want to check your code for stray </div>.

Viewing 15 posts - 16 through 30 (of 107 total)

You must be logged in to reply to this topic.