The exact same icons display differently on different pages depending on the skin chosen, even though the code used is the same. Open https://softskillgames.com/fun/plan/ and https://softskillgames.com/fun/laugh/ on a desktop and look at the icons inside the wpDataTable on the right handside.
In the case of https://softskillgames.com/fun/laugh/, the icons display in different sizes in the wpDataTable in full screen, and in the collapsed row on tablets (or if you reduce your window size.)
Here is the code I am using, which is mostly being ignored:
<img src="/fun/wp-content/uploads/2021/03/open.png" width="52" height="50" alt="This is a free resource" />
Can you tell how i can style my icons the way I want to in a way that's consistent, both in full screen and in the collapsed rows?
Choice being given, I would prefer for them to display like they do in the aqua skin (possibly even a bit bigger if I knew how to do that.)
Adding the images with an img tag, like <img src="/fun/wp-content/uploads/2021/03/open.png" width="52" height="50" alt="This is a free resource" /> should work fine, and I don't know why 20x20 height/width is being applied. It looks like it's pulling from somewhere else on the page, but I can't find out what.
Can you please provide me a temporary wp-admin user (administrator) in a PRIVATE response, so I can take a look?
The glitch with the image size is that it appears that the Aqua skin has its own way of dealing with set column width. I removed the column width that I had set to 60 and it now works fine.
About the image not showing, that's a mystery. I created my table in the test that you created and it all works fine there.
Honestly, I haven't even inspected for column width - good catch there. I'll forward this to our development team, so they can see if it can be replicated locally.
Hello,
The exact same icons display differently on different pages depending on the skin chosen, even though the code used is the same. Open https://softskillgames.com/fun/plan/ and https://softskillgames.com/fun/laugh/ on a desktop and look at the icons inside the wpDataTable on the right handside.
In the case of https://softskillgames.com/fun/laugh/, the icons display in different sizes in the wpDataTable in full screen, and in the collapsed row on tablets (or if you reduce your window size.)
Here is the code I am using, which is mostly being ignored:
<img src="/fun/wp-content/uploads/2021/03/open.png" width="52" height="50" alt="This is a free resource" />
Can you tell how i can style my icons the way I want to in a way that's consistent, both in full screen and in the collapsed rows?
Choice being given, I would prefer for them to display like they do in the aqua skin (possibly even a bit bigger if I knew how to do that.)
Thank you
Hi again Sebastian
Adding the images with an img tag, like <img src="/fun/wp-content/uploads/2021/03/open.png" width="52" height="50" alt="This is a free resource" /> should work fine, and I don't know why 20x20 height/width is being applied. It looks like it's pulling from somewhere else on the page, but I can't find out what.
Can you please provide me a temporary wp-admin user (administrator) in a PRIVATE response, so I can take a look?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Aleksandar,
The glitch with the image size is that it appears that the Aqua skin has its own way of dealing with set column width. I removed the column width that I had set to 60 and it now works fine.
About the image not showing, that's a mystery. I created my table in the test that you created and it all works fine there.
Thank you!
You're welcome, Sebastian
Honestly, I haven't even inspected for column width - good catch there. I'll forward this to our development team, so they can see if it can be replicated locally.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables