• Resolved kerdezo

    (@kerdezo)


    In one former post I read “You can download child theme from here” and a link, but unfortunately can’t find it now. Can someone help me with the link. / Or the code, to copy into the new style.css/

    Thanks in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • Try to download it here.

    Thread Starter kerdezo

    (@kerdezo)

    Thanks Alexander for the swift answer.
    I have elready made a style css in hueman child theme folder by Cpanel.
    -Shall I copy only the style doc. to existing css? Or function php.and screenshot too?
    -Shall I copy the whole content or only untill:
    Theme customization starts here
    /* ————————————————————————- */

    Please forgive me, this is the firs home page, first child theme and first
    css,HTML,etc programming in my life. But learning.:-)
    Merry Christmas.

    Hi kerdezo. If your current child theme works you could just copy the Heuman functions.php and screenshot to your child theme folder. Depending on how much configuration you’ve done in your child theme (menus, sidebars, widgets, etc.) this might be your best option. The Hueman child theme does give you predefined media queries in the style.css file, which is nice. Personally what I would do is copy any custom css you have in your current child theme style.css file and save it somewhere outside WP. Or, in cPanel, copy the file somewhere outside the child theme folder. Then activate the parent Hueman theme, delete your existing child theme, install and activate the Hueman child theme, then paste your saved css into the new child theme style.css file. As I mentioned, if you’re already configured your child theme, you may need to re-add the widgets to the sidebars and possibly reconfigure the menus.

    Thread Starter kerdezo

    (@kerdezo)

    Thanks,OK the css and screanshot works well.
    Just to learn…
    Why are there px data after”Theme customization starts here….” if I don’t want to change resolution?

    /* Global */
    .mystyle {}

    /* Tablet – 800px, 768px & 720px */
    @media only screen and (min-width: 720px) and (max-width: 800px) {
    .mystyle {}
    }

    /* Mobile – 480px & 320px */
    @media only screen and (max-width: 719px) {
    .mystyle {}
    }

    /* Mobile – 320px */
    @media only screen and (max-width: 479px) {
    .mystyle {}
    }

    Those are the predefined media queries I mentioned above. Media queries are used to adjust the site display, based mainly on the viewport width, mostly for mobile devices. They are used in the theme default style.css and responsive.css files. The media queries in the child theme style.css file don’t currently contain any styles but they can be used for your own custom code. Say, for example, that you had some content that you wanted to display in red on mobile devices. The code in your post might look like this:

    <p class="mystyle">This is some red content on mobile devices</p>

    Then, in your child theme style.css, you would select the appropriate media query that affects the devices you want to target. In this case, maybe all devices with a screen width smaller than 720px (mostly phones). So you’d select this media query:

    @media only screen and (max-width: 719px)

    and add your style:

    .mystyle { color: #f00; }

    And end up with this:

    /* Mobile - 480px & 320px */
    @media only screen and (max-width: 719px) {
    .mystyle { color: #ff0; }
    }

    This tells WP that, for all devices with a screen width up to (max-width) 719px, the content color would be red. Anything with a width of 720px or greater, the content would be the default color.

    There are many tutorials online that discuss media queries. This one is a good starting point.

    Thread Starter kerdezo

    (@kerdezo)

    Thnks bdbrown!

    Now I got wiser. ??

    Merry Christmas

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Child theme download’ is closed to new replies.