Tablepress custom css for links

Try again:

I am trying to use a css button in tablepress that has a link. It is working except the link text is using the theme styling for links. I want the text to be white.

In the table I am using I am using:
<a href="link" class="tablepress-button">Visit</a>

In the Plugin options I’m using:

`.tablepress-button {
-webkit-border-radius: 6;
-moz-border-radius: 6;
border-radius: 6px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
font-weight: bold;
background: #3152ac;
padding: 4px 12px 4px 12px;
margin: 12px 6px 8px 6px;
text-decoration: none;
}

.tablepress-button:hover {
text-decoration: none;
}

.tablepress-button a:link {
color: #ffffff !important;
}

.tablepress-button a:visited {
color: #ffffff !important;
}

.tablepress-button a:hover {
color: #ffffff !important;
}

.tablepress-button a:active {
color: #ffffff !important;
}

Hi,

thanks for your post, and sorry for the trouble.

Your button is the a element already, so just changing

color: #ffffff;

to

color: #ffffff !important;

should work.

You can then also remove the CSS

.tablepress-button a:link {
color: #ffffff !important;
}

.tablepress-button a:visited {
color: #ffffff !important;
}

.tablepress-button a:hover {
color: #ffffff !important;
}

.tablepress-button a:active {
color: #ffffff !important;
}

again.

Regards,
Tobias

That worked! Thanks so much!

Hi,

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

Best wishes,
Tobias