Skip to content
Public Ticket #6650

How to change BLOCKQUOTE style

Conversation thread

Penci Design replied

Staff Reply

Hi,

Strange, i check  your blockquote code  on your demo, i saw text align of blockquote is  justify 

Please check demo : http://demo.libthemes.com/fb-if-there-was-a-time-to-invest/

Please check it again. If it still not work, after upload your website on hosting,  we will check it help you.

Best Regards,

PenciDesign

ISOLE-GRECHE replied

Customer Reply

This is the code... is it possible to have it with justify text (you gave me code for default justify text in all the website, but it doesn't work in blockquote) without put <div align="justify"> before?

[penci_blockquote style="style-3" author=""]
<ul>
  <li><strong>Guida specifica dell'isola di Corfù</strong> - In libreria trovi soltanto guide che raccolgono informazioni su tutte le isole greche e così, andando in vacanza in un'unica isola, sei costretto a portarti dietro un libro con inutili informazioni su altre isole. Questa guida contiene, infatti, soltanto le informazioni di cui ha realmente bisogno.</li>
  <li><strong>Informazioni verificate</strong> - Credi che questa guida sia inutile perché puoi tu stesso raccogliere tali notizie? Allora preparati a trascorrere tanto tempo tra riviste di viaggi, tomi enciclopedici, siti web e forum italiani, greci, inglesi, tedeschi e olandesi alla ricerca di notizie sull'isola. Acquistando la guida, in un attimo hai tra le mani un lavoro di ricerca durato mesi e aggiornato di continuo. Inoltre, visitando l'isola ho potuto confermare o smentire le informazioni trovate e ho potuto aggiungerne altre reperibili soltanto sul posto.</li>
  <li><strong>Spazio e peso nulli</strong> - L'ebook è un file digitale, può essere letto su un ebook reader, un tablet, un cellulare smartphone o un PC. Non sei costretto a portare con te un libro pesante e voluminoso. Inoltre è più comodo perché puoi cercare un termine specifico all'interno dell'ebook, puoi utilizzare scrivere note e usare segnalibri per rendere più agevole la lettura.</li>
  <li><strong>Guida di Corfù cartacea</strong> - Se non hai un lettore per ebook, se non sai o non vuoi usarlo, se non capisci nulla di tecnologia, se preferisci sentire l'odore della carta e sfogliare pagine reali, puoi avere la guida in formato cartaceo. Acquista la guida in formato pdf e stamparla, anche in un comodo formato tascabile (stampando due pagine per foglio A4).</li>
  <li><strong>Risparmio di tempo e soldi</strong> - Spendendo qualche euro per l'acquisto della guida risparmierai tempo durante l'organizzazione della vacanza e sull'isola perché saprai cosa fare, come spostarti, cosa vedere e quali sono i posti dove si mangia bene spendendo il giusto.</li>
  <li><strong>Acquista subito la guida di Corfù, ovunque ti trovi</strong> - Vuoi la guida? Fai un click, effettui il pagamento e subito inizi a leggerla. Per acquistare una guida cartacea tradizionale devi uscire di casa, prendere l'auto, trovare un parcheggio ed entrare in libreria. Inoltre, se hai una connessione internet sul tuo dispositivo puoi comprarla ovunque ti trovi, anche se ti trovi già in Grecia! Inoltre, puoi sfogliarla prima di acquistarla, scaricando l'anteprima gratuita.</li>
  <li><strong>Supporto umano</strong> - Questa è una caratteristica unica, che non ti offre nessun'altra guida! Dopo l'acquisto, possiamo seguirti dall'organizzazione del viaggio fino al ritorno a casa. Infatti, ti diamo l'opportunità di porci qualsiasi domanda, prima e durante il tuo viaggio, scrivendoci via email o contattandoci tramite la pagina Facebook.</li>
</ul>
[/penci_blockquote]

Penci Design replied

Staff Reply

Hi,

Please send me your blockquote code ( bulleted list in the text ), i will check  it help you.

Best Regards,

PenciDesign

ISOLE-GRECHE replied

Customer Reply

Perfect. I added margin padding-bottom, works!, and text-align: justify, but it doesn't work. I'd like to have it both for normal text and bulleted list.

/** change border color **/
blockquote.style-3:before {
    background-color: #2993D1 !important;
}
/** change background color **/
blockquote.style-3 {
    background-color: #E7E9F1 !important; 
    color: #111111 !important;
    padding-bottom: 15px !important;
    text-align: justify !important;
}
/** change color **/
blockquote.style-3,
blockquote.style-3 p,
blockquote.style-3 a,
.entry-content blockquote.style-3 a,
blockquote.style-3 ul li a,
.entry-content  blockquote.style-3 ul li a {
color: #111111 !important;
text-align: justify !important;
}

Penci Design replied

Staff Reply

Hi,

Please try with custom code:

/** change border color **/
blockquote.style-3:before {
background-color: #3f51b5 !important;
}
/** change background color **/
blockquote.style-3 {
    background-color: #f5f5f5 !important; 
    color: 
}
/** change color **/
blockquote.style-3,
blockquote.style-3 p,
blockquote.style-3 a,
.entry-content blockquote.style-3 a,
blockquote.style-3 ul li a,
.entry-content  blockquote.style-3 ul li a {
color: #888 !important; 
}

you can change  background color and  color  to any backgroud  or color  you want.

Best Regards,

PenciDesign

Penci Design replied

Staff Reply

Hi,

Please send me your blockquote code ( bulleted list in the text ), i will check  it help you.

Best Regards,

PenciDesign

Penci Design replied

Staff Reply

Hi,

1/ Please go to Customize > Color for Single then scrolldown to "Blockquote Text Colors" and "Blockquote Border Colors" option  then change text color and border color as screenshot http://prntscr.com/mf10zt

2/3. Please go to Customize > Addtional CSS then add custom css to do that

blockquote.style-3 {
    padding-bottom: 15px;
}
blockquote.style-3  a
blockquote.style-3 ul li{
    color:#666;
}

You can change color of list in the text to any color you want 

Best Regards,

PenciDesign

ISOLE-GRECHE replied

Customer Reply

I uninstalled and installed again Penci Framework. I add code to function.php child theme (I already used it) but nothing change. I saw that I can choose blockquote style every time in a single post. For now, I'll do like that.

I used blockquote code:

[penci_blockquote style="style-3" author=""]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ...
[/penci_blockquote]

and every went OK: http://prntscr.com/mf060c. But:

1. How can I change left border color?

2. How can I have botton padding equal to upper padding?

3. If I use bulleted list in the text, the color changes! Why? http://prntscr.com/mf07ub

Penci Design replied

Staff Reply

Hi,

Don't worry about remove penci framework plugin, after remove the plugin,  you will see  mess with link to re-install and active  the plugin.

Or you send me your website management information ( admin url site, username  and password ). I will fix it help you.

Best Regards,

PenciDesign

ISOLE-GRECHE replied

Customer Reply

1. If you want use block quote style 3 with all page, please  remove penci framework plugin then re-install and active the plugin

Is it necessary? Where can I find Penci Framework plugin after I uninstall which I have on my Wordpress? What version?

2. then install and active child theme attachment of PenNews ,i  added custom code to function.php of childtheme to fix this.

I already have child theme. So I will edit it. OK?

Penci Design replied

Staff Reply

Hi,

You can use blockquote  with style 3. Please check demo : http://pennews.pencidesign.com/blockquotes/

If you want use block quote style 3 with all page, please  remove penci framework plugin then re-install and active the plugin

 then install and active child theme attachment of PenNews ,i  added custom code to function.php of childtheme to fix this.

function penci_chiltheme_pre_atts_penci_blockquote( $out, $pairs, $atts, $shortcode ){
if( isset( $out['style'] ) ){
$out['style'] = 'style-3';
} return  $out;
}
add_filter( 'shortcode_atts_penci_blockquote', 'penci_chiltheme_pre_atts_penci_blockquote',10, 4 );

Best Regards,

PenciDesign

ISOLE-GRECHE replied

Customer Reply

Almost everything.

I don't want all text UPPERCASE,I don't want it italic, I don't want fair blue color...

In summary, I'd like to have it normal, like the rest on the articles, only background color changed.

Like grey background text in image: http://prntscr.com/mdowdl

Penci Design replied

Staff Reply

Hi,

Please tell me about the question ?

What do you want custom with blockquote style ?

Best Regards,

PenciDesign

ISOLE-GRECHE started the conversation

Conversation Start

I'd like to change blockquote style. Now it's like that: http://prntscr.com/md8ibq

I used this code: 

blockquote {     background-color:#E9ECF3;     position:relative;     margin:10px 0px 10px;     padding:10px 15px 10px 15px;     color:#000;     font-style:normal;     font-size:14px;     font-weight:100;     text-align:justify }

.blockquote-icon{     display:none !important }

but the only thing is changed is background color. Above all, I don't like uppercase!

Want to join this conversation or access attachments? Sign in first.