How to apply and maintain content style across large site

Support
#1

Hello!

I am building a website which will host 100+ blog posts and documentation pages. I am a bit worried about future maintenance.

What is the best way to apply styling to h1/2/3, p, a, img, accordion, quote objects to these content-heavy pages? Is there a way to do this while ensuring that I can make a change later without having to update every singe page?
Options that I see right now:

  • style everything manually
  • apply presets
  • style objects in custom css in the layout
  • apply a custom class to each object and style the class in the layout css
  • build custom objects in the next release of Pro

Which approach would you recommend?

#2

Hey Paul,

Thanks for reaching out!

I highly suggest creating a layout builder for your blog posts. In that way, you can create a template for your blog posts. To know more about Layout Builder, please check these out.

Hope that helps.

#3

Hi Marc,

Thank you for your reply. I do plan to create a separate layout for the blog and doc pages. I also plan to use the page builder for the content.

So where do I best define for instance the margin between a H3 and a P? Without having to do it for every H3/P?

#4

Hey Paul,

There’s no global styling yet in our theme. That being said, if you are familiar with CSS that’s the best approach to address your issue.

Hope that helps.

#5

Ok. Is there anywhere where I can find information about the hierarchy of settings? E.g. global css, layout css, element css, settings in cornerstone

#6

Hey Paul,

You can check our documentation in the link below for more details of our theme.

But I highly suggest to use inspect element if you want to globally style your website.

Hope that helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.