Issue
The css properties of a post are related to post and post-content classes if I am not wrong so if I override some of their properties this will apply to all posts in my site.
I would like to apply apply some css properties only to a particular post, how can I do this?
Solution
Solution 1: extra css file
The nicest way to do this is with page resources. You can walk over the files in the page bundle and look for a CSS file. You should then add the CSS file to your head/content using:
{{ with .Resources.GetMatch "*.css" }}
<style>{{ .Content | safeCSS }}</style>
{{ end }}
Solution 2: body class
A simpler (but messier) way is to add a class to your body. This looks like this:
<body class="{{ File.BaseFileName }}">
This will add a class to the body with the slug of your page. This way you can apply page specific styling, by adding rules to your main stylesheet.
Answered By - JoostS
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.