Blockquote style in sidebars

  • Resolved manasek

    (@manasek)


    8 years, 2 months ago

    Hi, I cannot figure out how to enable blockquote style in a standard WP text widget inside any of sidebars via pure custom css. Can anyone help me? HTML tag blockquote does not take any effect.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi manasek. The theme styles the blockquote tag for post content but not widgets. Add this CSS to a child theme or custom CSS plugin to add the styling in widgets:

    /* add blockquote styling in widgets */
.widget blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.widget blockquote p { margin-bottom: 0.75em; }
.widget blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; }
    • This reply was modified 8 years, 2 months ago by bdbrown.
    Thread Starter manasek

    (@manasek)

    Hi bdbrown. That works like a charm. I adjusted a font size of the icon and left padding of the paragraph to fit with a sidebar layout. Tkanks for your help!

    • This reply was modified 8 years, 2 months ago by manasek.

    You’re welcome; glad to help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blockquote style in sidebars’ is closed to new replies.