How to edit the CSS of my post

[cabralc]

Hi, guys.

What is the best way to edit the CSS of my blog post with Pro? By editing, I mean adding margins to headlines, changing image, and link styles, font sizes, and so on. Currently, my process is the following:

• I start by adding the content via Gutenberg editor;
• I open my customized layout that is assigned for Blog Posts only;
• I use the Layout CSS tab to edit the “The Content” dynamic block presented on my layout.

Is there an easy (or recommended) way to do it? I haven’t found any video about that specific topic.

Thanks!

[marc_a]

Hi @cabralc,

Thanks for reaching out!

If you want to edit the margins of your blog post elements and etc, it will require some CSS knowledge to do it and it is outside the scope of our theme support.

On the other hand, I suggest that you customize the layout of your post pages by using the Layout Builder. To know more about the layout builder, please check the documentation and videos below.

Layout Builder

• https://theme.co/docs/layout-builder-overview
• https://www.youtube.com/channel/UCgY5E3tOI83kBEahh9Y3uRg/search?query=layout%20builder

Hope that helps.

Thank you.

[cabralc]

Hi, Marc.

Yeah, I already did that. I have all of my Layout pages customized. I just wanted to know if there was a recommended way to edit the CSS of my post content. I know I’ll have to enter the CSS code on my own. I just wanted to know if my process was right.

Thanks.

[prakash_s]

Hello @cabralc,

In case if you are using the Layout builder for the Blog post archive page or Single Blog post page(post details page) then you would get all the elements to style your layouts and that is how you can customize your layout through the Cornerstone Layout builder.

In case if you not using Cornerstone Layout builder then you will have to customize your layout through the custom CSS code.

Hope it helps
Thanks