Hi Kev,
first thing: A table is not the best choice for layout purposes, and using a more modern approach using <div> containers might be easier…
Now, to keep that middle border, please try this:
1. Remove all borders (using the CSS from the FAQ).
2. Add this “Custom CSS”, to add a border in the middle again:
.wp-table-reloaded-id-2 .column-1 {
border-right: 1px solid #000000 !important;
}
Regards,
Tobias
Hi Tobias. Thanks for the reply. I actually worked it out. The theme table CSS was also affecting things and I needed to amend both.
As it happens, I’ve changed it to 3 columns as it looks better so don’t need that now!
I do have another problem. How can I align an image vertically central within a cell?
Hi,
great that this is solved for you 🙂
About the image: That can be tricky as images usually have padding and margin around them, and as they are block level elements that don’t “listen” to regular commands for text.
If you post the link to the page with the table I should be able to tell you more though.
Regards,
Tobias
You’re a star.
http://www.m-g-pen.com/wp/ball-pens/
The site is VERY work in progress. I would like the images of the pens in the centre column central vertically as well as horizontal.
Kev
Hi,
sure, no problem 🙂
In your case it’s actually not even that hard. Please try this “Custom CSS”:
.wp-table-reloaded .column-2 {
vertical-align: middle !important;
text-align: center !important;
}
Best wishes,
Tobias
Thanks Tobias, spot on.
I appreciate you making the effort to help people like myself.
Kev
Hi Kev,
you’re very welcome! Always glad when I can help 🙂
Best wishes,
Tobias
