haakonkalbakk

Hi,

Thanks for replying. The table is still not centered on the page, only the description text (have a look at https://www.mobilskole.no and https://www.mobilskole.no/produkt).

Another issue is that I am trying to limit the width of the table. I have used .wp-table-reloaded-id-1 .column-x to limit columns to 150 and 75 px but it don’t work.

CSS code as of today:

.wp-table-reloaded-id-1 td {
  font-size: 14px;
}
.wp-table-reloaded-id-1 .row-11 .column-2 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .row-11 .column-3 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .row-11 .column-4 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .column-1 {
  width: 150px;
}
.wp-table-reloaded-id-1 .column-2 {
  width: 75px;
}
.wp-table-reloaded-id-1 .column-3 {
  width: 75px;
}
.wp-table-reloaded-id-1 .column-4 {
  width: 75px;
}
.wp-table-reloaded-id-1 th, .wp-table-reloaded-id-1 .sorting {
  font-size: 14px;
 }
.wp-table-reloaded-id-1 .sorting_asc, .wp-table-reloaded-id-1 .sorting_desc {
  font-size: 14px;
}

Thanks for quick reply. The thing is that I have embedded the page on the frontpage https://www.mobilskole.no where it would look better if table was centered. Now I have the following custom CSS:

<div style="width: 60%; text-align:center;">[table id=1 /]</div>

.wp-table-reloaded-id-1 td {
  font-size: 14px;
}
.wp-table-reloaded-id-1 .row-11 .column-2 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .row-11 .column-3 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .row-11 .column-4 {
  font-size: 18px;
}
.wp-table-reloaded-id-1 .column-2 {
  width: 75px;
}
.wp-table-reloaded-id-1 .column-3 {
  width: 75px;
}
.wp-table-reloaded-id-1 .column-4 {
  width: 75px;
}
.wp-table-reloaded-id-1 th, .wp-table-reloaded-id-1 .sorting {
  font-size: 14px;
 }
.wp-table-reloaded-id-1 .sorting_asc, .wp-table-reloaded-id-1 .sorting_desc {
  font-size: 14px;
}

Cheers,
H?kon

Hi,

How can I align the whole table? I would like table at https://www.mobilskole.no/produkt to center.

I have tried

.wp-table-reloaded-id-1 {
width: 600px!important;
float: center;

Thanks,
H?kon