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 #1646854
Pen Blockquote Shortcode
Closed

Comments

  •  1
    trustbuilt started the conversation

    Is there a way to change the font size of the quote and/or the author in the Pen Blockquote?  

    Also, it appears that the quote " icon is the general site accent color as is the author.  What drives the color of the quote text itself and is there a way to change that?

    Also, what setting determines the typeface of the Pen Blockquote?

    Thank you.

  •  2,699
    PenciDesign replied

    Hi,

    1/ To change the size for blockquote & author name, please add more this code to Customize > Addinational CSS:

    blockquote.style-2, blockquote.style-2 p{ font-size: 18px; }
    blockquote.style-2 cite, blockquote.style-2 .author{ font-size: 14px; }
    

    Change number 18 to the size of text on Blockquote.

    Change number 14 to the size of author on blockquote

    2/ To change the color of blockquote icon, please add more this code to Customize > Addinational CSS:

    blockquote.style-2:before, blockquote.style-2 cite{ color: #ff0000; }

    Change ff0000 to any color you want. You can get a color code here

    3/ Sorry, currently this theme doesn't support this feature.


    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    That is extremely helpful; thank you.  I was able to change the size of the quote text and author.  I was also able to change the color of the quote icon with the CSS you provided.  I understand that I cannot change the typeface of the quote content.

    Can I change the color of the quote content itself (and not just the icon)?  How about the color of the author?

    Thank you so much!

  •  2,699
    PenciDesign replied

    Hi,

    To change the color of blockquote text content, please add more this code to Customize > Addinational CSS:

    blockquote.style-2, blockquote.style-2 p{ color: #0000ff; }


    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    That's perfect!  Thank you!  Is there any way to change the author color so that I can sync it to the change I've made to the quote icon?

    Thanks again.

  •  2,699
    PenciDesign replied

    Hi,

    To do that, please replace this code:

    blockquote.style-2:before, blockquote.style-2 cite{ color: #ff0000; }

    To:

    blockquote.style-2:before, blockquote.style-2 cite, blockquote.style-2 cite, blockquote.style-2 .author{ color: #ff0000; }


    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    Got it!  You are awesome!  Thank you!