HI — Just installed the plug-in to try it out. I made my first chart, which went great. While everything looked fine in the preview, when I add it to a post, I get HUGE fonts for the text, making the chart complete garbage. I tried setting font sizes smaller for the chart, but it made no change to the chart as seen on the site. I’m not a WordPress power user, but I’m wondering if perhaps my theme is incompatible or something? (Seems like a superb plug-in otherwise, tho!)
The page I need help with: [log in to see the link]
We have checked your case and found that the issue was due to a CSS conflict with your theme. The CSS from your theme was causing the problem. See the screenshot below:
Please take the following CSS code and insert it into the Appearance -> Themes -> Customize -> Additional CSS. Please replace YOUR_CHART_ID with the corresponding chart ID (for example .ays-chart-container-3)․ Then, clear all the caches and check the case again.
Here is the CSS code: .ays-chart-container-YOUR_CHART_ID text { font-size: 16px ; }
Please check this and make sure to let us know the outcome.
Thanks. On the advice of my programmer, instead of adding additional CSS into the theme, which he thought was a bit problematic, he had me insert HTML directly in the post with a style statement setting font size to 16. This worked pretty well, but the text below the x-axis is not there. Is there something more we need to do?
Please provide a screenshot of the issue so we can review it and assist you accordingly, as everything appears to be working properly on our end.
Additionally, we have noticed that there seems to be a CSS conflict with your theme on smaller screens. To resolve this, please also add the following CSS.
Please replace YOUR_CHART_ID with the corresponding chart ID (for example .ays-chart-container-3)․ Then, clear all the caches and check the case again.
We’re closing this ticket for now as we last heard from you 5 days ago.
If the query is unresolved, drop us a line and we’ll get back to you at the earliest and the ticket will be re-opened. For a new query, feel free to open a new topic. Our Customer Care Specialists will be happy to help you.
Thank you.
This reply was modified 1 year, 4 months ago by Jasmine.
Thank you for the assistance. I found that the x-axis text would not display when it was angled, the default behavior. I’ve decided that with my theme apparently being so much at odds with your package I’ll probably look for other solutions.
Please note that we are using Google Charts, and Google handles the placement of text based on how much space is available on the chart.
For example, in the screenshot below, you can see that with a 15-degree rotation, there isn’t enough space, so Google adjusts it to display at least some information clearly. See the screenshot below:
The preview showed the rotated x-axis text just fine, it was only on the live site that it disappeared. So I assume it wasn’t a matter of lack of room.
You can make a DB backup before updating for your safety (you can use UpdraftPlus).
After that, kindly reach out to us via this form so that our development team can request additional information needed to further investigate your case.
Looking forward to hearing from you.
Thank you.
Viewing 8 replies - 1 through 8 (of 8 total)
The topic ‘Giant Text on Chart’ is closed to new replies.
