• Resolved jrsarver

    (@jrsarver)


    I created a “child” directory in wp-content/themes/iconic-one and uploaded my css file to it in my FTP. I cannot find how to upload it to my site. Appearance > Customize > CSS option does not show up for me. I put this at the head of my file:

    /*
    Theme Name: Iconic One Child
    Theme URI: http://themonic.com/iconic-one/
    Description: Child Theme for Iconic One
    Author: Rebecca Sarver
    Author URI: https://www.facebook.com/rebecca.sarver.31
    Template: iconic-one
    Version: 0.1
    */
    
    @import url("../iconic-one/style.css");

    My site is http://www.cs634g1t1.qwkdog.com

Viewing 15 replies - 1 through 15 (of 18 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I know this doesn’t address your issue but you don’t need to use the Customize > CSS option any more, put your CSS modifications in your Child Theme style.css file below this line:

    @import url("../iconic-one/style.css");

    Thread Starter jrsarver

    (@jrsarver)

    I have my CSS below that. One thing I was trying to change was the size of the tagline. I highlighted it and used Inspect Element With Firebug. The highlighted code was
    <a class="site-description">Project Management in Practice Conference</a>
    So, I put this in my CSS file

    .site-description a {
    	font-size: 18px;
    	}

    Is this incorrect? Maybe I’m just doing it wrong.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The “site-description” class is already on the anchor tag so you don’t need to do this:

    .site-description a

    Just do this:

    .site-description

    Thread Starter jrsarver

    (@jrsarver)

    Tried it, still nothing. If I put my CSS in the Custom CSS file in the wp-admin Appearance > Editor, will it erase the theme?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The Custom CSS file is a PHP file isn’t it?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When using Firebug and inspecting the site description, look at the right-hand side of the Firebug tool. It shows you the CSS that you need to override:

    hgroup .site-description {
        font-size: 12px;
        font-weight: normal;
        line-height: 2;
        padding-left: 18px;
        text-shadow: 0.1px 1px 2px #cccccc;
    }

    So do this:

    hgroup .site-description {
        font-size: 18px;
    }

    Thread Starter jrsarver

    (@jrsarver)

    Well, I added the hgroup and it still did not work from adding it to my FTP, but it did work when I put it in the Custom CSS file in Appearance > Editor.
    Thank you for spending this time with me. It doesn’t solve the mystery of the FTP, but at least I can modify the site.

    Thanks Andrew!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    By the way I don’t think your Child Theme has been activated in the dashboard (Appearance > Themes)

    Thread Starter jrsarver

    (@jrsarver)

    I’m not sure how to do that.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If your Child Theme shows up amongst the themes there, all you need to do is press the “activate” button

    Thread Starter jrsarver

    (@jrsarver)

    OK, I understand what you are saying now. I’m thinking I put my child theme in the wrong place in the FTP. I put the child folder under wp-content/themes/iconic-one and now I’m thinking I should have just put it under wp-content/themes. Is that what I should have done?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes

    Thread Starter jrsarver

    (@jrsarver)

    And there’s my “Aha!” moment. LOL That explains things. So sorry to put you through all this, but thank you so much for your help, Andrew!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There was a legitimate reason for your concern where you thought you had to put your CSS modifications in your “Customize” option and that was because sometimes the Customize stylesheet can override your Child Theme stylesheet.

    Thread Starter jrsarver

    (@jrsarver)

    Yes, there are a ton of forums out there for creating child themes and modifying the CSS, some specific to Iconic One, some not, so it was very confusing to try and figure out exactly how to do this. But now I understand, so thank you very much!

    Have a great day Andrew!

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Uploading Child Theme CSS’ is closed to new replies.