Skip Navigation

[Resolved] Add to cart block

This thread is resolved. Here is a description of the problem and solution.

Problem:
The user would like to use more space on the variable product selector to fix the label that is not displaying correctly.

Solution:
This is a conflict with the theme. It can be fixed by enforcing the label to be displayed on the same line.

Add the following CSS code to the content template http://prntscr.com/166w1pd

.wp-block-column .wooviews-template-table td{
    word-break: normal;
    overflow-wrap: normal;
}
This support ticket is created 3 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 - - 9:00 – 13:00
14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 - - 14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

This topic contains 6 replies, has 2 voices.

Last updated by Jamal 3 years, 7 months ago.

Assisted by: Jamal.

Author
Posts
#2092445
howto.png

Tell us what you are trying to do?
I want to fix the Style label running out of space by instead shrinking the empty space to the right of the “Style” value. This is on 320px. How can I do that?
Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

#2093261

Hello and thank you for contacting Toolset support.

To better assist you with this request, I'll need to take a closer look at your website or at least to know what theme you are using. Because the theme's styles are almost always involved in how things appear.
Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **

From first sight, we can get to what you need using custom CSS styles, but that will need me to take a closer look at your website. If you are currently developing the website locally and it is not accessible for us, you may want to reproduce this on the following test site: hidden link

#2093367

I confirm the credentials are working for me. However, I could not get a similar output to yours to see how to fix it. Can you provide a URL where we can see a similar case, or the steps to follow to get a similar preview?

This what I can get so far hidden link

#2094381

hidden link
Try here on 340 px responsive

#2094403

Thank you! I believe the following CSS code will fix it. I have added it to the content template and it seems to do the trick. It is somehow generic and will work for all small device dimensions:

.wp-block-column .wooviews-template-table td{
    word-break: normal;
	overflow-wrap: normal;
}

I hope this helps. Let me know if you have any questions.

#2094421

My issue is resolved now. Thank you! That helped! Can you tell me where did you added that CSS?

#2094425

Of course. Check this screenshot from the content template editor hidden link