[PolaradventuresParticipant]

I am using tablepress, a popular plugin to create tables and I have added a custom CSS code in the plugins options to style the table. When I am in Cornerstone edit mode the CSS code applies and I can see it. However when I save and click on “view page” the CSS code doesn’t apply anymore.

When I go back to the Cornerstone edit mode it’s there again. How can I make it apply the CSS on the actual page and not just while being in Cornerstone?

[PolaradventuresParticipant]

This reply has been marked as private.

[PolaradventuresParticipant]

This reply has been marked as private.

[PolaradventuresParticipant]

This reply has been marked as private.

[PolaradventuresParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

Hmm, the only way to find the answer is to check it directly. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks!

[PolaradventuresParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

This CSS is never added which is why your tables have no borders.

.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
border: 1px solid #666666;
}

.wis
.column-1,
.column-3,
.column-5 {
background-color: #3ca6f1 !important;
color: #000000;
}

.tablepress tbody td {
font-family: Lato;
}

I went ahead and added it, it’s now working. Cheers!

[PolaradventuresParticipant]

Thanks this worked =)

[ThaiModerator]

Glad it worked 🙂

If you need anything else, please let us know.

[BenParticipant]

In a similar vein, I think I am having some difficulty with some CSS. I am using TablePress as well, and everything looks ok, except in mobile. Please see the attached photo. Do you have any idea what could be causing this?

[FriechModerator]

Hi There,

Thanks for writing in! The table is responsive but not on screen less than 700px width. That is because there is no way to fit the rows on a narrow screen, even if we force it the table would not look good on mobile.

We advice that you present this information in different way in mobile view (a list maybe). To do that you need to utilise the Hide base on screen width feature of Section or Row.

This means that you need to hide your current setup (table) in mobile. And add a new Section/Row to be hidden on desktop and will replace the table when the page is viewed in mobile.

Let us know how it goes.

Cheers!

[Author]

Posts