Trying to add custom CSS to my blog posts only

  • Resolved mcputnam

    (@mcputnam)


    1 month, 1 week ago

    Greetings all,

    I'm in a WordPress independent study course and working to build a simple site on Local. I'm required to work with the FSE Frost theme and have to do some basic customization using the child theme I created. I have to customize via either the style.css or theme.json files--so I have to use a little code, not the Styles Editor. I've chosen to work with style.css because I'm at least a little familiar with the syntax.

    I'd like to customize my blog posts so that the first paragraph is formatted differently from the rest of the post, so it stands out. Using the screenshots below, I'll explain how I'm trying to achieve this effect.

    I've entered an Additional CSS class on the blog page called "first-graph". (Unfortunately, I can't figure out how to add screen shots from the Local site.) When I click on "edit in HTML" I can see the new CSS class is present in the HTML of the blog's first paragraph and not the second paragraph. 

    I've double checked that my child theme is activated and entered the CSS below in the style.css file for my Frost child theme.

    .first-graph {
    	color: #7b278b;
    	font-size: 20px;
    	font-style: bold;
    }


    I was told this strategy would work, but after I save everything and click "view site" I don't see any results.

    Is it a problem to be working with the style.css file to begin with?

    Any suggestions would be greatly appreciated.

    cheers, 

    Mike
  • You must be logged in to reply to this topic.