WordPress.org

Support

Support » Themes and Templates » Pachyderm » Changes with child theme

Changes with child theme

  • Hi,

    I’m trying to make changes, in particular to my site title and tagline, in Pachyderm theme.

    I’ve downloaded the one click child theme pluggin and created the Pachyderm child theme. I’ve gone to my Go Daddy account, launched web hosting, gone up to the Files & FTP tab and clicked on File Manager in the drop down menu.

    I’ve then clicked on the wp-content folder, then the theme folder then clicked on the pachyderm file (the pachychildtheme sits directly about the pachyderm file).

    What I need to know know is what – specifically – I do now (ie, what I take from the pachyderm folder and put into the pachychildtheme folder) to make the changes?

    Thanks. Craig

Viewing 12 replies - 1 through 12 (of 12 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    You’ll need to start learning CSS and how to use a browser tool like Firebug – it will show you the CSS for an element on your site – then you COPY just that piece of CSS to the child theme and make the change there.

    Good resources:

    http://getfirebug.com

    http://www.w3schools.com/css/

    https://developer.mozilla.org/en-US/learn/css

    For specific CSS help with your site, you need to post a link to it.

    Yes, I’ve started reading on CSS. The problem I’ve found so far is that quite a few assumptions are made about a readers base knowledge. I’ll soldier on.

    RE; Firebug, do I have to download Firefox first then Firebug or is Firebug a stand alone?

    Cheers,
    Craig

    WPyogi

    @wpyogi

    Forum Moderator

    Yes, Firebug is an addon for Firefox. But Chrome developer tools do basically the same thing so if you use Chrome, that’s a good option as well.

    Yeah, it’s a bit of new stuff, but CSS isn’t too bad (compared to PHP, for example) once you get the hang of it. And feel free to post a link to your site if you want some specific help or examples :).

    Yes I use Chrome. Really sorry, but how does that help me with changing my child theme?

    As for my site link, I’ve got it hidden at the moment and am working on it at dev.mysitename.com

    WPyogi

    @wpyogi

    Forum Moderator

    Using “Inspect Element” you can see what CSS is being applied to an element on the page. You then copy that CSS to the child theme style.css file – and change the code there.

    I have no way to know if your child theme is set up correctly or working correctly without seeing it. (I also have not used a plugin for creating one so not sure how that works – might be fine, just no experience there.) Have you activated the child theme? Once it’s active, is there a style.css file visible under Appearance > Editor?

    Assuming so, I looked at Pachyderm on a test site – this is the CSS for the site title (via Inspect Element)

    .site-title {
        clear: both;
        color: #49352F;
        font-family: "Berkshire Swash","Times New Roman",serif;
        font-size: 4.8rem;
        line-height: normal;
        margin: 0;
    }

    So you can copy all or part of that to the child theme style.css file and change it there. IT will then override the CSS code in the parent theme.

    Excellent. That’s a great start. Thanks!

    So how do I access Chrome’s Inspect Element? Is it a download?

    WPyogi

    @wpyogi

    Forum Moderator

    It’s there already – here’s a good reference:

    https://developers.google.com/chrome-developer-tools/

    Cheers, amte. I’l get to it.

    Thanks.

    Craig 🙂

    Just curious if there is a resource that will walk me through CSS/Child Themes in a logical way from the VERY first step so I can begin to mater what seems to be a voluminous subject?

    I ask that because I accessed the Web developer tools and looked, but couldn’t find the Pachyderm site title code that you supplied. That suggests to me that I’ve got knowledge gaps that need to be filled.

    Cheers, Craig

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    I just had a look at your instructions, Andrew, and on the face of it they look like EXACTLY the thing I need; step by step.

    I’ll let you know how I go! 🙂

    Cheers mate.
    Craig

    Hi Andrew,

    I followed your instructions (many thanks BTW) and was able to make at least some of the changes I wanted to make. The part of you instructions that I’m not clear on is,

    “… You’d then transfer this CSS into your Child Theme stylesheet…”

    At the risk of exposing my lack of knowledge, where is the style sheet and how do I access so I can past the changes?

    Cheers,
    Craig

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Changes with child theme’ is closed to new replies.
Skip to toolbar