Archived topic
WPdatatables chart indentation
11 replies · Started by Paul on February 28, 2021
Hi,
Is it possible to reduce the indentation of a chart (and centre the alignment?)
This chart (wpDataTables) looked fine on the preview, but once posted, it's aligned too far right on mobile.
Hi there,
Any chance you could link us to the page in question? To check for the appropriate CSS selectors to indent your chart.
Hi Elvin,
Of course, the page is https://www.motorcycletourer.com/motorcycle-bluetooth-headsets/
I needed the page to go live so I made the charts into images for the time being.
Would you like me to change one of them back into a chart?
Please note, it's misaligned only on mobile - desktop is fine.
Hi there,
can you provide a new screenshot of the issue as the link you provided above is not working.
Hi David,
Hopefully the URL will work better:
https://ibb.co/L8jv0Bh
What device is that being displayed on? As i cannot replicate the issue on my devices.
The screenshot was taken on an iPhone 12.
But please note that if you're looking at the website now on your phone, the chart you are looking at is actually an image. I needed the post to go live and it was the only temporary measure I could think of to get everything to align.
I can change one of them back to a real chart to replicate the issue if needed?
Aah ok - can you change one of them to a chart so i can see whats happening ?
Yep, will do it now
Inspecting that element it has inline styles for the Container and the SVG that sets the width to around 700px - so thats an issue you would need to take up with the plugin author.
No worries, thanks David.
Will change it back to an image and see what they say.
Cheers!
Paul
You're welcome
