How to add margin/padding in Ghost theme?

Developer help
1

Hello, I want to add margin or padding in Ghost theme for a “Subscribe on YouTube!” button.
Are there any margin/padding classes like in tailwind or bootstrap? E.g. mt-2?

 <p>{{@site.description}}</p>
    <p><a class="gh-head-button" href="https://bit.ly/mrhackio">Subscribe on YouTube!</a></p>

Screen Shot 2021-12-25 at 9.26.39 PM

2

On the theme you are using there are no such utility classes. You could utilize the code injection & add your custom CSS Like this

<style>
.site-header-content .gh-head-button {
 margin-top: 2rem;
}
</style>

Or you can create your own classes in the main CSS file

1 Like
3

thank you! it worked

1 Like