Blockquote confusion

  • Author
    Posts
  • #134387
    thejuice
    Member

    G’day again,

    I’m putting a couple of blockquotes in a post, and what I see when I add the blockquote while writing the post is completely different from the result when I publish it.

    Example here

    Is there a way I can get the published version to look like the version I get while creating?

    Thanks.

    The blog I need help with is: (visible only to logged in users)

    #134395
    designorbital
    Theme Author

    Hi,

    It seems editor has different CSS to render blockquote.
    Please share a page with blockquote. I will try to share a CSS Snippet to resemble it.

    Thanks

    #134396
    thejuice
    Member
    Original poster

    I’ve added a live blockquote to the test page.

    https://cross.com.au/2016/09/26/test/

    I love the look on the creation page because it’s professional looking, unlike what happens when it’s published :-(

    Thanks.

    #134429
    designorbital
    Theme Author

    Hi,
    Please try the following CSS Snippet.

    
    blockquote {
      background-color: #e8f0f6;
      border-left: 4px solid #b0b7ba;
      font-size: 18px;
      padding: 10px 20px;
      text-align: left;
    }
    blockquote:before {
      display: none;
    }
    

    Thanks

    #134456
    thejuice
    Member
    Original poster

    Ah, that’s awesome. I can fiddle with the font and so on from there.

    Thanks again.

    #134484
    thejuice
    Member
    Original poster

    Opening this up again with another question – how do I remove the massive gaps above and below the blockquote? Really happy with how it looks apart from that.

    https://cross.com.au/2016/09/26/test/

    #134487
    designorbital
    Theme Author

    Hi,
    You have done amazing job in blockquotes.
    Please try the following CSS Snippet to control the blockquotes gaps.

    
    p + blockquote,
    blockquote + blockquote {
        margin: .5em auto;
    }
    

    Thanks

    #134489
    thejuice
    Member
    Original poster

    Thanks again, awesome. Great support.

    Thought the blockquotes looked better in the same blue as the theme, and then white was the best font colour.

  • The topic ‘Blockquote confusion’ is closed to new replies.