Block Quote Problem

The box block quotes suddenly appeared as block quotes. Is it because I have removed the bakery composer plugin?

http://www.caproasia.com/trivial/

Thanks.

Hi

I am not sure what you mean, please provide more specific details about your issue.

Thanks!

Hi,

http://www.caproasia.com/trivial/

It is supposed to be displayed as a quote box.
For example: in this article, the did you know quote box.
http://www.caproasia.com/2015/09/18/bloomberg-or-reuters/

Previously, there was no problem with the display until the recent updates. It works only if I deactivate WPBakery Visual Composer. But I lost the use of visual composer.

Please help. Thanks.

Hi

The quotes were designed to work for post that’s why the css does not applies on pages. You can use custom css on theme panel > custom css to obtain a similar layout: http://screencast.com/t/GqRX1gq7

.page .td_quote_box{
    background-color: #FCFCFC;
    border-left-style: solid;
    border-width: 2px;
    border-color: #4db2ec;
    padding: 15px 23px 0 23px;
    position: relative;
    top: 6px;
    margin-left: 10px;
    margin-right: 10px;
}
.td_quote_box p{
    padding-bottom: 16px;
    margin: 0;
}

Let me know how it goes and provide more details if you still need assistance on this.

Thanks!

• This reply was modified 10 years by Andrei L..

Yes, it is working now. But how do I adjust the font size?

And when I added the into the theme panel, I saw the following code. Can’t remember what was it for. If you are able to interpret this. Thanks.

.page blockquote p {
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 30px;
line-height: 40px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}

Hi

To change the font size you need to modify this value from the css you provided above:

font-size: 20px;

The css you indicated it’s for the blockquotes: http://screencast.com/t/yLCgxNyJ4c6O

Thanks!

• This reply was modified 10 years by Andrei L..

Hi Andrei,

Apologies. After modifying to 20px
The quote becomes 20 px. I would like the quote to remain as 30 px, and the quote box (grey shaded) to be around 15px. Thus, 2 different font size. How do i adjust?

INFORMATION IS NOT KNOWLEDGE

~ ALBERT EINSTEIN

http://www.caproasia.com/trivial/

Hi

Try this custom css: http://screencast.com/t/cnwk0F3VYn

.page blockquote p {
font-size: 30px!important;
}
.page .td_quote_box p{
font-size:15px!important
}

Let me know how it goes.

Thanks!

Yes, managed to changed it.
We need it to look actually like the box quotes. http://demo.tagdiv.com/newsmag/blockquotes-pullquotes/
Small Caps
Left Align

What is the full CSS coding for this.. Thanks.

Hi

There is no custom css for the page you indicated from our demo, we just added different formats on text to get the current layout, here is the code from Visual Composer: http://pastebin.com/hcq8ncnP You can paste it in VC, in Backend editor and use it as example for your page: http://screencast.com/t/YhtLXcuOiqo

Hope this help.

Thanks!