Having trouble getting CSS to show in Child Theme

  • jimmyesl

    (@jimmyesl)


    10 years, 2 months ago

    Hey Guys, I am new to WordPress and somewhat new to computers and technology. What am I missing here? I created a Child Theme and I want to make some basic changes to my 2014 Child Theme. I go into the ‘final manager’ on my Bluehost Cpanel and I have a file saved css.style1. I have this entered. I open the ‘code editor’.

    /*
    Theme Name: Twenty Fourteen Child
    Theme URI: http://example.com/twenty-fourteen-child/
    Description: Twenty Fourteen Child Theme
    Author: John Doe
    Author URI: http://example.com
    Template: twentyfourteen
    Version: 1.0.0
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: twenty-fourteen-child
    */

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

    /* =Theme customization starts here
    ————————————————————– */

    body {
    font-size:12px;
    font-family: Georgia,serif;
    color: #FFF;
    }

    h1 {
    font-family: Georgia,serif;
    font-size: 44px;
    color: #000000;
    }

    The only CSS command that seems to work is h1 font-family: Georgia;serif; At least I noticed a change. I am also confused about the headings. I mean H1, H2, H3, H4, H5 and H6. How do I enter CSS for each individual heading or can I do it all together?

    Also, I want to make changes to the border. Does that go in the body tag along with the font and font size? Does everything go into the body tag?

    I know this must seem simple to many of you, but I am still getting familiar with all of this and I am a little lost. When I put the styles, nothing really seems to happen except for maybe H1

    My website is

    I would really appreciate if you guys could help me out. I am trying hard to learn WordPress.

    Regards,

    James

Viewing 1 replies (of 1 total)
  • Jimmy Smutek

    (@jimmysmutek)

    10 years, 2 months ago

    Hey James, you can add common styles to multiple elements by separating them with commas –

    h1, h2, h3, h4, h5, h6 {
  font-family: Georgia,serif;
  color: #000000;
}

    That would set all of your p and headers to Georgia, black. Then, you can specify changing values, like font size, on their own lines – 

    h1 {font-size: 48px;}
h2 {font-size: 40px;}
h3 {font-size: 32px;}

    etc.

    I’d suggest checking out some resources to get a basic primer on CSS – there’s some really great stuff available for free or at a very low cost.

    I hope that helps a little, all the best.

Viewing 1 replies (of 1 total)
  • The topic ‘Having trouble getting CSS to show in Child Theme’ is closed to new replies.