quote not showing properly | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yes, let's put the code as I sent in a next line.

Best Regards,

PenciDesign

cicikw replied

6 years ago

Customer Reply

thank you. if i want to change the font size as well, should i use the code you gave me earlier on the next line of Custom CSS?

.post-entry ul, .post-entry ol{ font-size: 18px; }
.post-entry ul li, .post-entry ol li, .post-entry ul li a, .post-entry ol li a{ font-size: inherit; }
.post-entry blockquote, .post-entry blockquote p, .wpb_text_column blockquote, .wpb_text_column blockquote p, .woocommerce .page-description blockquote, .woocommerce .page-description blockquote p{ font-size: 20px; }

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try replace the code I sent to this code to do that:

.post-entry .wp-block-quote, .wpb_text_column .wp-block-quote, 
.woocommerce .page-description .wp-block-quote{ padding-left: 1em; border-left: 4px solid #a5dad2 !important; }

Best Regards,

PenciDesign

cicikw replied

6 years ago

Customer Reply

thanks a lot. Now I see a very light grey line on the left! but I tried to change the color of the line to a darker color by changing the #000 to another number like #a5dad2 but it doesn't seem to be working.. how do i change the color of the left border or the font? or give it a light gray background color? thank you so much

https://maoshome.com/hills-recall-201903/

PenciDesign replied

6 years ago

Staff Reply

Hi,

1/ Please try add more this code to Customize > Custom CSS to fix it:

.post-entry .wp-block-quote,
.wpb_text_column .wp-block-quote,
.woocommerce .page-description .wp-block-quote {
   padding-left: 1em;
   border-left: 4px solid #000;
}

2/ You can add more this code to Customize > Custom CSS to adjust font size for list & quote inside post content:

.post-entry ul, .post-entry ol{ font-size: 18px; }
.post-entry ul li, .post-entry ol li, .post-entry ul li a, .post-entry ol li a{ font-size: inherit; }
.post-entry blockquote, .post-entry blockquote p, 
.wpb_text_column blockquote, .wpb_text_column blockquote p, 
.woocommerce .page-description blockquote, .woocommerce .page-description blockquote p{ font-size: 20px; }

Change values 18 and 20 to values as you want.

Best Regards,

PenciDesign

cicikw started the conversation

6 years ago

Conversation Start

When I am in the editing mode, the left line shown on the "block-quotes" will show, but when I published the article, the thick left line for the "block-quotes" just disappears. Is this a bug? how can I fix it?

by the way, could you also advise how can I adjust the font size for the "list, quotes.." in the blocks?