Quotes Design | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

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

Best Regards,

PenciDesign

Padresfelices replied

6 years ago

Customer Reply

Hi thanks but that doesn't change anything for me

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

Is that okay to proceed?

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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? :/

PenciDesign replied

6 years ago

Staff Reply

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 started the conversation

6 years ago

Conversation Start

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

Can't seem to find it