search

eddiesigner / liebling

Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼
https://github.com/eddiesigner/liebling/releases
MIT License
1.25k stars 597 forks source link

Blockquote style between editor and preview/published view #490

Closed bastienperez closed 1 year ago

bastienperez commented 1 year ago

Hello,

The blockquote style is not the same in Editor and Preview/Publish view.

In editor, it looks like this (the style I want):

blockquote-editor

In preview/published, it looks like this:

blockquote-published

I guess it's due to CSS in Koenig. A similar issue is referenced in the Ghost GitHub https://github.com/TryGhost/Ghost/issues/10666

eddiesigner commented 1 year ago

Hi,

This is because the theme includes custom styles for blockquotes which don't necessary have the same appearance as the ones from the Ghost editor, if you want to have the same style you can override the custom ones by injecting the following code in the Ghost Admin (Settings --> Code injection --> Site Header):

<style>
.l-post-content blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.3rem;
    background: var(--ghost-accent-color);
}
</style>
bastienperez commented 1 year ago

Thanks a lot it works!