Return to previous page

Quote box styling issue? - by groubee - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

groubee

Participant

May 21, 2015 at 12:10

Hi

When we write text inside the quote box here:
https://www.dropbox.com/s/2hxqhnm0unsyh33/layout-challenge.jpg?dl=0
…the box is not expanding, getting bigger? What can we do?

You can also look here: http://www.smooff.net

#65226 Copied

9 Answers

Brian Johnson

Member

May 21, 2015 at 12:25

Hello

The line crossing your text is an image background. You may place it lower with following code:
.wpb_wrapper .vc_custom_1432205338453 {background-position: -90px 10px !important;}

With best regards
Brian Johnson

#65230 Copied

groubee

Participant

May 21, 2015 at 13:19

Should I put it inside the Text Block Settings: Extra class name? or where

So are you saying that there is no room for more text than the size of the bg image?

best regards
Tonny

#65244 Copied

Brian Johnson

Member

May 21, 2015 at 13:44

Hello

I have found the better solution in case you will use quotes once per site. You may add this code in custom.css :
.vc_custom_1432210490716{background-size: cover;}
It will work for this row.

With best regards
Brian Johnson

#65260 Copied

groubee

Participant

May 21, 2015 at 14:13

Thanks Brian,

I have just tried your code, and tested the text layout, I dont think it works? or do I do something wrong? see http://www.smooff.net

#65272 Copied

Eva Kemp

Support staff

May 21, 2015 at 15:41

Hello,

I’ve added line-height: 1; to style the text in the text editor where your content is added.
Please clear browser cache and check now.

Regards,
Eva Kemp.

#65295 Copied

groubee

Participant

May 27, 2015 at 11:15

Hi Eva,

It looks good on normal computer, but not on mobile? See:
https://www.dropbox.com/s/8wipy7ldkqmnyv9/quote%20on%20mobile.png?dl=0

regards
Tonny

#66238 Copied
Eva Kemp

Support staff

May 27, 2015 at 12:44
Hello,

Try to use this code in custom.css file:
```
@media (max-width: 480px) {.vc_custom_1432721027812 p {
 line-height: 1 !important;
}}
```
Regards,
Eva Kemp.
#66275 Copied
groubee

Participant

May 27, 2015 at 15:07

it works – thanks

#66340 Copied

Eva Kemp

Support staff

May 27, 2015 at 15:13

Hello,

You’re welcome.

Regards,
Eva Kemp.

#66347 Copied
Tagged: best selling, issue, quote, styling, themes, woocommerce
Viewing 10 results - 1 through 10 (of 10 total)