Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #213351

    I would like to work strictly from a child theme so any future updates will not break my changes in typography etc.

    Just editing the custom.css fill in the incarnation parent theme works fine, however future updates run the chance of overwriting my changes. How do I make the child theme use it’s own custom css files that will override the parent styles on demand?

    Also – why did you create the css/custom.css structure? It makes no sense to have to use FTP to edit style when WordPress is made to be able to edit from within. I am confused on why you would do that – or better yet how do I change it so it doesn’t do that :)

    Thanks for the help. I am not a php coder in any way so I get awfully lost trying to do some of these things.

    God Bless,


    Hey Chris!

    You can use Style.css file of your child theme in Appearance > Editor to add/edit your custom CSS codes.



    Thanks Yigit, however that does not override what I am looking for.

    For example If I change .logo .subtext to {color:red; font-size:25px;} it does not work.
    It seems the color gets overwritten by an inline style ( I assume programatically) and the font-size gets overwritten by layout.css.

    So I guess what would really be helpful is maybe an order in which each css file gets called maybe?

    Do you have something that shows the order in which style sheets are called?



    Try using the !important rule.

    {font-size: 25px !important;}



    Hi Josue,
    I have exactly the same issue like monadnock.
    Changing styles.css in the child theme folder does nothing. Also Kriesi official advise is to customize custom.css.
    I have no problem with that as long as the customized .css file is in the child theme folder.
    Using !important rule all along does not seem to be the best option.

    Can you please advise what is the best way of customizing the child theme?
    If this is indeed using !important rule in style.css then let it be.

    your help will be greatly appreciated


    By the way modifying custom.css in Incatnation parent folder does not work either.




    I tested this on my end and applying the css modification on the child theme’s style.css gets applied without any issue. I tried to change the logo subtext and it works fine:

    .logo .subtext {
    font-size: 20px;

    The child theme’s style.css is being loaded right after all the other stylesheets. Can you please give us a link to your websites so that we can inspect them? Maybe, you’re using a cache plugin or your browser is showing the cached version of your websites.


    This reply has been marked as private.


    In your header.php file go to line 49 and move the whole line to after the rest of the stylesheets:
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

    Copy then delete that line. Next paste it after this line:

    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/mediaelement/skin-1/mediaelementplayer.css" type="text/css" media="screen"/>

    You can copy the header.php file to your child theme to make this change so that it will not need to be re-done in a future update (unless the header.php changes of course).



    Many thanks Devin. Child theme styles.css works now as expected.
    Many thanks.

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

The topic ‘Using custom.css in child theme’ is closed to new replies.