Format Faint Horizontal Lines in Blockquote

  • Posted in : TheBlogger
  • calldancall
    Participant

    When creating a blockquote in the default style, two faint horizontal lines (one above and one below the quote body) are present. I would like to know how to:

    1. Remove these two lines all together and reduce the space between the preceding/following paragraphs with the blockquote.

    2. Center these two lines (right now they are left aligned)

    Thank you.

    serkan
    Moderator

    Hi,
    You can use these custom css codes;

    blockquote:before, blockquote:after { display: none; }
    blockquote { margin: 1.2em auto; }

    You can align it center on editor box.
    Thanks

    calldancall
    Participant

    Thank you, that removed the lines. However, I want to sometimes leave the horizontal lines for a different look. But it doesn’t seem the two faint horizontal lines that you showed me how to remove with blockquote:before, blockquote:after { display: none; } move with the alignment selection in the editor box. Only the body text of the quote moves. How might I center those faint horizontal lines?

    Thank you.

    serkan
    Moderator

    Hi,
    Could you provide me your related url, please?
    Thanks

    calldancall
    Participant

    There is currently no example of this on my website. I actually decided just to use the format you already provided, so we can close this out. Thank you for all your help!

    serkan
    Moderator

    Hi,
    Thanks for the feedback.
    Have a nice day.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register