lolzern

Hey again,

Yes, all in this table in the 2nd column will be. But this design would be for hundreds of tables across the site, but not all tables, unfortunately, which I why I wanted to try and do a solution like this where I could give the text in a specific cell a class.

The plan would be to have the code for .tablepress-id-307 td.column-2 for all tables on the site. I don’t mind if a bit of padding were to be added to all cells in the second column across the site if it makes the design work for these types of tables. I know this might be an impossible task I ask of you haha, but I appreciate your help.

Your solution seems to work great on the first row. Unfortunately, not all rows have the same height on the site, and most have greater heights on mobile :/, so the padding of 8 px falls short on some of them.

Here is a screenshot of the solution applied to the cell next to “Kyoka Suigetsu” and “Katen Kyokotsu” when the browser is in mobile resolution:

View post on imgur.com

Thanks again,
Tim

Thanks a lot, Abhishek. It worked 🙂

For anyone also doing this, you can use the following CSS code to reduce the whitespace below the header on category pages if you find it to be too large after removing the author bio section:

.category:not(.author) #main #content-wrap {
padding-top: 25px;
}

To anyone wondering, I fixed the issue by replacing the number 100 in the line:

echo get_avatar( get_the_author_meta( ‘user_email’ ), apply_filters( ‘ocean_author_bio_avatar_size’, 100 ), $default = ”, $alt = oceanwp_theme_strings( ‘owp-string-author-img’, false

to 300

echo get_avatar( get_the_author_meta( ‘user_email’ ), apply_filters( ‘ocean_author_bio_avatar_size’, 300 ), $default = ”, $alt = oceanwp_theme_strings( ‘owp-string-author-img’, false

It changes the resolution of the icon that your site pulls from gravatar

You can find this line in the author-bio.php file, located under Partials -> Single -> author-bio.php

Turns out my seo plugin, Rank Math, did this to external links by default for some reason…

Oh yes great I hadn’t seen that option, that helped, thanks 🙂
For those interested, I also further increased the quality of the logo on mobile by exporting the image with twice the resolution from illustrator and then setting the “Logo Max Height” to the height of the original image

It worked perfectly! Thanks a lot 🙂