diff --git a/README.md b/README.md index 1c89b8ed..09ae3929 100644 --- a/README.md +++ b/README.md @@ -19,15 +19,18 @@ The maximum width that an image will be rendered at is 1200px. 1200px wide by 22 Internal tags can be added from the Tags page in Ghost's admin interface. All internal tags are prefixed with a hash. Tag behavior in this theme is dependent on whether it has an associated image. +### How to add an icon before a post's title + +- The **Tag image** field is the icon file. This is assumed to be an SVG with an `id` matching the tag's **Meta description**. The SVG must be structured this way to support `fill=currentColor`, which enables the icon to be themed with the website. +- The **Meta title** field is used for the image title and alt text. + ### How to add text after a post's title Do not add an image to your internal tag. Only the **Description** field is used. ### How to add icons above a post's title -- The **Tag image** field is the icon file. This is assumed to be an SVG with an `id` matching the tag's **Meta description**. The SVG must be structured this way to support `fill=currentColor`, which enables the icon to be themed with the website. -- The **Meta title** field is used for the image title and alt text. -- The **Description** field is the text that accompanies the icon, if present. +In addition to the fields for an icon before a post's title, a **Description** field must be provided. The provided description text will follow the icon. ### How to hide publication date and/or table of contents diff --git a/assets/css/screen.css b/assets/css/screen.css index 861a6489..43eaea7a 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -326,6 +326,23 @@ hr { display: inline; } +.tag-post-icon { + color: var(--color-primary-text); + float: left; +} + +.gh-article-title .tag-post-icon { + width: var(--big-title-font-size); + height: var(--big-title-font-size); + margin-right: 15px; +} + +.gh-card-title .tag-post-icon { + width: var(--title-font-size); + height: var(--title-font-size); + margin-right: 10px; +} + /* Feed /* ---------------------------------------------------------- */ diff --git a/package.json b/package.json index 138c0074..838ca3e3 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "bifocal", "description": "A Ghost theme, based on Solo", - "version": "1.0.4", + "version": "1.0.5", "private": true, "engines": { "ghost": ">=5.0.0" diff --git a/partials/get-meta-tags.hbs b/partials/get-meta-tags.hbs index ad38f4a7..136b90da 100644 --- a/partials/get-meta-tags.hbs +++ b/partials/get-meta-tags.hbs @@ -4,15 +4,17 @@