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 #2321167
Quotes Design
Closed

Comments

  • Padresfelices started the conversation
    March 7, 2020 at 11:30am

    Hi how do I make these type of quote designs? https://imgur.com/HFhvQMP

    Can't seem to find it

  •  2,700
    PenciDesign replied
    March 7, 2020 at 1:58pm

    Hi,

    If you're using new editor from WordPress, please use Classis element and use Blockquote from Classic element to get this quote - check this images:

    http://prntscr.com/rczc38

    http://prntscr.com/rczc7m


    Best Regards,

    PenciDesign

  • Padresfelices replied
    March 7, 2020 at 7:09pm

    Thank you, so this is a manual process? because I think every post in my blog uses Quotes, I'd have to dig in on each post? :/

  •  2,700
    PenciDesign replied
    March 8, 2020 at 2:57am

    Hi,

    Ok, if so, please add more this code to Customize > Custom CSS to do that for all your blockquote:

    .post-entry blockquote.wp-block-quote:before {
    content: """;
    display: inline-block;
}
.post-entry blockquote.wp-block-quote p { 
    color: #888;
    font-style: italic; 
}
.post-entry blockquote.wp-block-quote cite, 
.wpb_text_column blockquote.wp-block-quote cite {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    color: #bf9f5a;
    position: relative;
    overflow: visible;
}
.post-entry blockquote.wp-block-quote cite:before, 
.wpb_text_column blockquote.wp-block-quote cite:before{
    content: "";
    position: absolute;
    top: 50%;
    width: 90px;
    height: 1px;
    background: #bf9f5a;
    left: 100%;
    opacity: 0.8;
    margin-left: 10px;
}

    Best Regards,

    PenciDesign

  • Padresfelices replied
    March 9, 2020 at 11:29am

    Thanks, I get this: https://imgur.com/9Pd4evt

    Is that okay to proceed? 

  •  2,700
    PenciDesign replied
    March 9, 2020 at 2:48pm

    Hi,

    Ahh, sorry, I was wrong in a place, please replace the code I sent to this code:

    .post-entry blockquote.wp-block-quote:before {
    content: "";
    display: inline-block;
}
.post-entry blockquote.wp-block-quote p { 
    color: #888;
    font-style: italic; 
}
.post-entry blockquote.wp-block-quote cite, 
.wpb_text_column blockquote.wp-block-quote cite {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    color: #bf9f5a;
    position: relative;
    overflow: visible;
}
.post-entry blockquote.wp-block-quote cite:before, 
.wpb_text_column blockquote.wp-block-quote cite:before{
    content: "";
    position: absolute;
    top: 50%;
    width: 90px;
    height: 1px;
    background: #bf9f5a;
    left: 100%;
    opacity: 0.8;
    margin-left: 10px;
}


    Best Regards,

    PenciDesign

  • Padresfelices replied
    March 10, 2020 at 2:21pm

    Hi thanks but that doesn't change anything for me 

  •  2,700
    PenciDesign replied
    March 10, 2020 at 3:34pm

    Hi,

    Please show me URL you have blockquote to I can take it a look.


    Best Regards,

    PenciDesign