NSFW Tablepress responsive Bilder zu gro?

Hi,

can you please clarify that? Which cells are not centered correctly? I don’t really see it.

Regards,
Tobias

yes, of course.
The green hook, the red ‘X’, the button “jetzt bestellen” and the stars (all images) are not centered in responsive version of these 3 tables.

Hi,

ah, ok. Thanks!

Please try adding this “Custom CSS”:

.tablepress-responsive-tablet a.buttons.center,
.tablepress-responsive-tablet img {
  display: inline !important;
  margin: 0 !important;
}

Regards,
Tobias

works fine!

Thanks ??

Hi,

great! Thanks for the confirmation!

Best wishes,
Tobias

Hey Tobi,

i am so sorry, but i need your help again to fix some css issues.

I got 2 new lines in following table https://www.strap-on-it.de/strapon/umschnalldildo-vergleich/

1) akt. Amazonpreis
2) Amazon Bewertung

There are 2 things, that are not okay:

1) There is a linebreak behind the Amazon price and behind the amazon rating, that i only have in this table (16), but not in my other tables where i use this 2 lines too. How can i remove this so that the field is a little bit smaller?

2) Its about the responsive view: the entrys in this 2 fields are not centered and start right @ the top. With which css do i get them a little more down so that they are @ the same like all others?

Thanks, Tobi ??

Hi,

thanks for your post, and sorry for the trouble.

1) The reason for this is that some cells in those rows actually do have line breaks at the end. Please go to the “Edit” screen of the tables and check each cell and make sure that there’s no line break in the cells.

2) The reason for this is that the Amazon price is an extra HTML element in the table cell. To center that, please try adding this to the “Custom CSS”:

@media (max-width: 979px) {
	.tablepress-id-16 .asa_async_container_tablepress {
		line-height: 99px !important;
	}
}

Regards,
Tobias

Hey Tobi,

thanks.

1) works fine
2) this one too.

Now i only need this one for the starrating and the “% Stimmen” -> this have to be a litte bit deeper too.

Thanks!

Hi,

Hi,

for that, please extend

@media (max-width: 979px) {
	.tablepress-id-16 .asa_async_container_tablepress {
		line-height: 99px !important;
	}
}

to

@media (max-width: 979px) {
	.tablepress-id-16 .asa_async_container_tablepress {
		line-height: 99px !important;
	}
	.tablepress-id-16 .asa_async_container_tablepress_bewertung {
		display: inline-block;
		vertical-align: middle;
		margin-top: -20px;
	}
}

Regards,
Tobias

PERFECT.

Thank you very much!! ??

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

Hey Tobi, me again ??

Can you please have a look @ https://www.strap-on-it.de/strapon/umschnalldildo-vergleich/

I haven’t done any changes but since a few days the entry of “Amazon Bewertung” (the stars and the % Stimmen) are in just ONE line.

This is only in mobile view.

Do you have any idea to solve this problem?

THANK YOU! ??

Hi,

that’s strange, and I can’t really find a reason for this :-/
Everything is just kind of convoluted in the CSS, due to our several different attempts in aligning everything center (vertically). Due to the different elements that need to be centered (text, images, buttons, … sometimes even in the same cell) that probably interferes with something now…

I’d therefore suggest a rather radical idea: Do you really need things vertically centered? I think a fresh start (with removing all the current “Custom CSS”) and then only adding that CSS that we really need (without vertically centering, maybe) would be the best approach here.

Regards,
Tobias

hey,

thats a good idea and i really like to do this.

BUT my css knowdlege doesnt fit this, i think ??
So, i would need your help for this one. Should we do this together?

But btw, the problem for THIS issue was this entry:

@media (max-width: 979px) {
.tablepress-id-16 td,
.tablepress-id-16 th {
line-height: 115px;

Without this one, the problem is solved…

Another thing: I actually updated tablepress right now to the new version and now i only see 10 Cells and have to press “Next” or “Previous” to see all entrys, BUT i have deactivated:

1. Erm?gliche das seitenweise Bl?ttern in der Tabelle durch den Besucher.
2. Erlaube dem Besucher, die jeweils angezeigte Anzahl Zeilen beim seitenweisen Bl?ttern zu ?ndern.

What to do??

Thanks

Hi,

cool, nice find! If it works after removing that line, then we can leave everything like it is now. If things break again, we should consider the fresh start.

The issue with the “Next” and “Previous” buttons is the result of caching. Just refresh the cache of the Minify plugin that you are using.

Regards,
Tobias