Responsive table not working as i want

Hi,

thanks for your question, and sorry for the trouble.

To achieve that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
    word-break: normal;
    word-wrap: normal;
}

.tablepress img {
    max-width: 100%;
}

Regards,
Tobias

Many thanks for your quick answer. Now it works!

Hi,

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

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Hello, i have another question. I’m adding CSS buttons and stars to the table ( the green one on the right ) and i’d like them to resize just i asked you yesterday.

Looks like it works for images but not for CSS. Can you help me please?

The URL i’m testing is: https://www.lamejorcasadeapuestas.es/mejores-casas-de-apuestas-analisis-y-opiniones/

Hi,

indeed the concept of the CSS from above can only apply to images, but not to text (which the star ratings actually are).
For those, you can however use a CSS approach that uses CSS3 Media Queries, like

@media (max-width: 758px) {
    .tablepress-id-35 .column-3 .fa {
        font-size: 10px;
    }
}

This basically reduces the font size of this “text” once certain screen widths are reached.

Regards,
Tobias

Hi

With your code I’ve seen that the stars size gets reduced. I’d like also to reduce the size of the second column. I tried to modify the code you provided by writing “column-2” but doesn’t do anything.

• This reply was modified 6 years, 11 months ago by aniki1980.

Forget it, i managed to do it by reducing the size of the button and text. Thanks for your help

Hi,

great! Good to hear that this helped!

Best wishes,
Tobias