I started to build a comparison website for which I need a comparative table. But after following guides and applying CSS code, it does not show in my page as in the preview. Im gonna attach the information of my css:

`.tablepress.my-class th {
background-color: transparent;
}

.tablepress.my-class thead {
color: white;
}

.tablepress .button {
padding: 5px 15px;
background-color: #1e72bd;
border: 3px solid #1e72bd;
border-radius: 15px;
color: white;
text-decoration: none;
white-space: nowrap;
}

.tablepress tbody td {
vertical-align: middle;
}

.dataTables_wrapper .tablepress {
width: 100% !important;
}

.tablepress.my-class th,
.tablepress.my-class td {
text-align: center;
}

As you can see in the homepage “onlinebankmentor.com” the tables shown does not match the code.
My biggest problem is the button customizing and the gradient color in the first row that I do not like.

Thanks for the help in advance.

Here is my issue:
I created a table for my blog post which works well for Desktop. Since I have added the resposive=collapse mode, it collapses on the mobile devices as well. But I DO NOT want a particular column to collapse on mobile.

What I mean is please see the table on this URL on mobile version https://techbelo.com/best-bogus-basin-web-cameras the Check Price column does not collapse on mobile.

How can I achieve this?

Really appreciate some help and insights here.
Gen

i used autoptimize on my website and afet that a table i had from the plugin tablepress dissapeared. now i only get the code [table id=2 /]

this options are alredy excluded from autoptimize

wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js,

Thanks

Here my website table color is like https://vloggingguru.com/best-mirrorless-camera-under-500/.
And I want to change it to like those colors. https://www.gamingfeature.com/best-mouse-pubg/.

Please help me how can I change it.

Thanks in advance.

On my chart the top row looks like this:

https://prnt.sc/s5oq23

Is it possible to make another row, further down the same chart look the same?

If so how do I do it?

Thanks.

A PayPal BUY link is affecting the height of my row.

Is there a way to make the row height smaller even when I add button code??

( I tried using padding, but that didn’t work )

Thank you so much!