Hello All,
I’m looking for someone who can help me add inline images to a WordPress table.
As you can see at the moment, the images are stacked on top of each other: https://i.gyazo.com/c1a04ac5e89c040864e68cb265181d4a.png
I’m trying to set the images so they are inline as shown in the following picture: https://i.gyazo.com/55db732dbf4863f70ec12946b712c9f7.png
I achieved this by unchecking the box “display: block;” on inspect in chrome: https://i.gyazo.com/6b23c7ef5006cf42c3e3c5edc4c6faea.png
However, I assume this is for all the images and I don’t want to break any code within my theme, I’m also not sure how to make this change permanent.
It would be great if someone could help me with this.
Ps. It works fine on the mobile theme, the images do not stack.
URL: https://gadgetgang.com/the-best-tkl-mechanical-keyboard/
Thanks very much,
Regards,
Dan
Hello,
For make inline the images from the table, you can use this custom code
.single .wp-block-table img {
display: inline-block;
}
The code need to insert in Theme Panel -> Custom Code -> Custom CSS => https://www.screencast.com/t/FbLXZc7D6s
It will appear like this => https://www.screencast.com/t/KD0Dnsna
Hope this helps you!
Thank you!
Thank you Anamaria!
Appreciate the help!
– Dan
Hi,
I’m glad that the problem has been solved.
If you have other questions, let us know!
Have a nice day!
