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 #1872215
How to change BLOCKQUOTE style
Closed

Comments

  •  4
    ISOLE-GRECHE started the conversation

    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!

  •  501
    Penci replied

    Hi,

    Please tell me about the question ?

    What do you want custom with blockquote style ?


    Best Regards,

    PenciDesign

  •  4
    ISOLE-GRECHE replied

    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

  •  501
    Penci replied

    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

  •  4
    ISOLE-GRECHE replied

    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?

  •  501
    Penci replied

    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

  •  501
    Penci replied

    Hi,

    Please check screenshot http://prntscr.com/mev42z.

    Best Regards,

    PenciDesign

  •  4
    ISOLE-GRECHE replied

    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

  •  501
    Penci replied

    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



  •  4
    ISOLE-GRECHE replied

    1) http://prntscr.com/mf48ra -> no effects!
    2) padding-bottom: 15px; -> OK
    3) color:#666; -> no effects! I tried with !important too!

    This is global result: http://prntscr.com/mf4a1v

  •  501
    Penci replied

    Hi,

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

    Best Regards,

    PenciDesign

  •  501
    Penci replied

    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

  •  4
    ISOLE-GRECHE replied

    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;
    }



  •  501
    Penci replied

    Hi,

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

    Best Regards,

    PenciDesign

  •  4
    ISOLE-GRECHE replied

    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]

  •  501
    Penci replied

    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