Blockquote format (css) | PenciDesign Support

astalidis replied

7 years ago

Customer Reply

Thank you very much. This is the style 3. Now, I know how and where to edit the default value for all posts. Very useful. Many thanks!

PenciDesign replied

7 years ago

Staff Reply

Hi,

1/ To do that, please try add more this code to Customize > Addinational CSS to do that:

\
blockquote, q{\
    position: relative;\
    padding: 15px 15px 15px 24px;\
    background-color: #f5f5f5;\
    border: none;\
    overflow: hidden;\
    margin: 0 0 20px 0;\
    font-weight: normal;\
    text-transform: none;\
    font-size: 16px;\
    color: #888;\
    text-align: left;\
}\
blockquote:before, q:before{\
    left: 0;\
    width: 4px;\
    top: 0;\
    z-index: 1;\
    background: #01579b;\
    margin: 0;\
    bottom: 0;\
    height: 100%;\
}\
blockquote:after, q:after{\
    content: none;\
}\
blockquote .author, q .author{\
    font-size: 13px;\
    margin-top: 10px;\
}\
blockquote .author span{\
    position: relative;\
    padding-right: 10px;\
    color: #01579b;\
}\
blockquote .author span:after {\
    content: "";\
    position: absolute;\
    top: 50%;\
    width: 90px;\
    height: 0;\
    border-top: 1px solid;\
    left: 100%;\
    opacity: 0.5;\
}\

2/ I think you can give it a try

Best Regards,

PenciDesign

astalidis replied

7 years ago

Customer Reply

another related question would be that if the selected text when pressing the "blockquote" would automatically go into the specific field. If there are lines in there or bold or any other formatting. Blocquotes are not used for short quotes, but sometimes for longer book excrepts of a size of a paragraph or so.

astalidis replied

7 years ago

Customer Reply

Thanks. This works. The question is how to change this setting for all precious posts in the website easily? How can I make the default style from 1 to 2 (or 3) in existing posts. There are thousands of them.

I could do it in SQL database if it would help, but don't know how.

PenciDesign replied

7 years ago

Staff Reply

Hi,

You can use Blockquote shortcode here to change to another block quote styles:

http://prntscr.com/lazrk8

Here is all blockquote style supported in the theme now: http://pennews.pencidesign.com/blockquotes/

Best Regards,

PenciDesign

astalidis started the conversation

7 years ago

Conversation Start

Hi there,

I don't know where I can edit the format for blockquote. For example, I don't like the uppercase, nor the higher font size. I would just like some italic fonts, a small indent and ideally some quotation symbol. If I know where to edit this , I could do this myself.

Thanks.

Andreas.