Target the content?

[Kobber]

Hi,

I’m creating a blog on a new website, and since I can’t get the Body and Content setting to work with the Single Layout (it won’t accept a font weight of 200, and chooses the bold option instead) I have to do it with CSS.

I’ve made this CSS:

.post p {
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.4
}

• But that overrides all other text elements on the post. How can I target The Content and nothing else?

For reference: https://m8studio.dk/blog/m8-studio-er-en-realitet/

[ruenel]

Hello @Kobber,

Thanks for writing in! Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

In your case, you might be needing:

.post .x-the-content.entry-content p {
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.4;
    color: red;
}

I added color: red; so you can check if the code works or not. The code above is just an example byt the way.

Be advised that custom coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.