uninfinito74

The problem is solved, thank you
Regars

Hi, I pasted this
[table id=1 responsive=stack responsive_breakpoint=”phone” /]
and it works the way I wanted.
But on the phone I see that it’s all aligned on the left. Could it be something I have in the CSS?
This is my CSS (that I built bit by bit using your forum as I’m no expert at all)
.tablepress tbody td {
font-family: Helvetica;
font-size: 13px;
}

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

.tablepress th,
.tablepress td {
padding: 3px !important;
}

.tablepress .shortcode-star-rating {
padding: 0;
white-space: nowrap;
}

.tablepress .column-1 {
width: 15%;
}

.tablepress .column-2 {
width: 58%;
}

.tablepress .column-3 {
width: 32%;
font-size: 11px;
text-transform: uppercase;
text-align: center;
}

The question I want to ask is how do I center the table also on the phone?
Thanks!
Antonella

Actually, the solution I like the best is:
-on PC, I want to see the 3 horizontal columns
-on phone, I want to see the same 3 columns vertically
Thanks

Hello and thanks for your reply. I installed the plugin premium, where can I find the “Four approaches for responsiveness”? I need to set them up on my tables.
My problem is that on the PC I see a normal table made of 3 columns, but on the phone I see 2 columns and a half. In order to see the whole 3 columns on the phone I have to scroll right.
What I want is to see the whole 3 columns on the phone, the same way I see them on the PC. Which of the 4 approaches for responsiveness do I need in order to do this? And how can I do it?
If I solve the problem I will definitely do the donation.
Thanks, regards
This is the link to the page I’m working on https://www.qualitatedesca.eu/moda/

pasting [table id = 1 /] into a new page now works, thanks
Solved the problem
best regards

• This reply was modified 4 years, 10 months ago by uninfinito74.

Hi, after tablepress update I saw the error in all the pages with the table, not just one. I didn’t paste anything in the table code. The only page that doesn’t give the error is the one with just one image. This is the link of that page: xxxxxxxxxxxxxxxx
Thanks for your help

• This reply was modified 4 years, 10 months ago by uninfinito74.

I Solved the problem

• This reply was modified 4 years, 10 months ago by uninfinito74.
• This reply was modified 4 years, 10 months ago by uninfinito74.
• This reply was modified 4 years, 10 months ago by uninfinito74.

Trovato altra soluzione, grazie lo stesso

Salve e grazie per la risposta.
La visualizzazione è dal cellulare che mi da problemi.
In particolare: Immagini in una pagina web 10 tabelle una sotto l’altra e la prima colonna di una tabella non è allineata come allineamento alle alle colonne delle altre, il testo all’interno intendo, mentre da sito web tutto ok.

Volevo anche chiedere se il codice e che ho impostato per allontanare il testo dal bordo di una colonna della tabella a sinistra e per fare le tabelle di una certa dimensione va bene.(lo scrivo in fondo a questa mia risposta) Solo che su 3 colonne non ho impostato ad esempio 20% 30% 50%. ma solo 2 colonne su 3. Va bene lo stesso?
Grazie mille. Allego il codice per capire se posso lasciarlo così o se è impostato male.
Chiedo perchè non sono esperta col css.
Cordiali saluti

ecco il mio codice in css:

.tablepress td {
background-color: #ffffff;
}

.tablepress tbody td {
font-family: Roboto;
font-size: 14px;
text-align: left;
}

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

.tablepress .column-2 {
width: 850px;
}

.tablepress .column-3 {
text-align: left;
padding-left: 50px;
}

https://www.pochisoldimoltavita.eu/

look please the column on the right with the tags,
thank you
best regars