Unable to get text next to an image to be level

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi

Thanks for the speedy response.

I’m in the middle of building this site, it’s all on one page with a split scroll and content arranged in rows and columns.

If you click on Areas in the navigation or scroll down to view 4, I’ve embedded the first table which is four columns on the left. The table I’ve tried with two columns is on the view if you scroll down below that (I didn’t bother putting in all elements at this stage). This way you can see both.

https://new2wordpress.nikkibennett.co.uk/wp (currently in a sub-domain for the build)

Below is what is currently in the custom css. I’ve swapped and changed it so many times, so there have been lots of combinations tested…

I intend for there to not be any borders eventually, I have the correct .css for that, but have them in at the moment for viewing.

.tablepress-id-1 tr {
height: 26px;
}

.tablepress-id-1 .column-1 {
width: 16px;
}

.tablepress-id-1 .column-3 {
width: 16px;
}

.tablepress-id-1 .column-2 {
width: 200px;
}

.tablepress-id-1 .column-4 {
width: 200px;
}

.tablepress-id-1 .column-1 {
vertical-align: bottom;
}

.tablepress-id-1 .column-3 {
vertical-align: bottom;
}

.tablepress-id-2 tr {
height: 26px;
}

Many thanks again. I may not reply for a couple of hours – school run! But will try out anything you suggest when I get back.

Hi,

thanks for the link!

From what I can see, your images have a bottom margin, which pushes them up. If we remove that and then align the cell vertically centered, we should be fine.
For that, please change

.tablepress-id-1 .column-1 {
	vertical-align: bottom;
}

.tablepress-id-1 .column-3 {
	vertical-align: bottom;
}

to

.tablepress-id-1 .column-1,
.tablepress-id-1 .column-3 {
	vertical-align: middle;
}

and add

.tablepress img {
	margin: 0 !important;
}

As a side note: There seems to be something weird going on with the CSS loading on your site: There’s a plugin that’s loading the concatenated version of all CSS and then each file is loading again in the page footer, which is very weird. Unfortunately, I can’t see what exactly is causing that.

Regards,
Tobias

Hi

Sorry for the delay. I still couldn’t get it to line up, so resorted to using square bullets instead.

Thanks for the heads up about the theme, I’ve contacted the theme builders about this. I think part of it was because they updated the files and they were caching both. I’ve cleared the cache, so hopefully that has helped.

Thanks

Hi,

ah, bummer. Yes, using the square bullets should be the best solution then.

Best wishes,
Tobias