Skip to main content
All CollectionsPersonal websitesWilliam ChannelAppearance and layout πŸ‘©β€πŸŽ¨
William - Use CSS to customize your William blog (Google Tag Manager)
William - Use CSS to customize your William blog (Google Tag Manager)

Add your own CSS styling via Google Tag Manager

Gregory Claeyssens avatar
Written by Gregory Claeyssens
Updated over 3 weeks ago

Apply CSS to change any aspect of your William blog.


Add CSS to your William Blog

Step 1. Go to Google Tag Manager and add a new tag (create first an account if necessary). Choose Custom HTML tag.

Step 2. Input your CSS in the text box. For example, to change the font:

<style>
*{
font-family: "Comic Sans MS" !important;
}
</style>

Or, to center all subheadings (H2, H3, H4):

<style>
.h2,.h3,.h4,h2,h3,h4 {
text-align: center;
}
</style>

Step 3. For the trigger, choose All Pages (should be the default).
​
​Step 4. Give the tag a name and save it. Now submit your Workspace changes.
​
​Step 5. You can now enter the tag in your StoryChief account. Go to Integrations and choose William.
​

Step 6. Go to the Integrations tab. Input the ID of your tag and click on Save.

As you can see below, the font of our blog is now Comic Sans. Beautiful!

Step 7. Follow the instructions for the product you want to install. Here are some examples:


πŸ“š Next steps

Did this answer your question?