Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1762205
Blockquote format (css)
Closed

Comments

  •  1
    astalidis started the conversation
    October 27, 2018 at 2:24am

    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. 

  •  2,700
    PenciDesign replied
    October 27, 2018 at 3:08am

    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

  •  1
    astalidis replied
    October 27, 2018 at 7:50am

    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.


  •  1
    astalidis replied
    October 27, 2018 at 7:56am

    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.

  •  2,700
    PenciDesign replied
    October 27, 2018 at 3:32pm

    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

  •  1
    astalidis replied
    October 28, 2018 at 8:08am

    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!