Styling for text in table blocks

Hi there,

do you have a link where i can see this table ?

Hi I just place the link where you can see that table in private section.

You can try:

Select the Table Block and give it an Advanced > Additional CSS Class(s) of comparison-table then you can style the last column in the table:

/* Style link in last column */
.comparison-table tr td:last-child a {
    /* last link styles here */
}
.comparison-table tr td:last-child a:hover {
    /* last link hover styles here */
}

I notice the link has inner span that has an inline text-decoration property, if you need to remove that then you would use this CSS

/* remove inline text decoration */
.comparison-table tr td:last-child a,
.comparison-table tr td:last-child a span {
    text-decoration: none !important;
}

Hi David,

Do you mean place the css code into this

I see nothing change.

Btw I just want to make the clickable text "Check Latest Price" into #ef970c color instead of default link setting color :)

You need to add the styles you want in place of the /* last link styles here */ comments

eg.

.comparison-table tr td:last-child a {
    color: #ef970c;
}

Thank you so much. It works great now :)

Glad to hear that!