[Resolved] Styling for text in table blocks

[Trạng]

Hi there, I want to styling this text on the table blocks. (Screenshot)

It’s a CTA text link that I want to make it with #ef970c in text and black underline after applying my aff link into it.

How can I adjust it with that style without the default setting in Color for link in general themes setting?

Thank you so much 🙂

[David]

Hi there,

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

[Trạng]

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

[David]

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;
}

[Trạng]

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 🙂

[David]

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;
}

[Trạng]

Thank you so much. It works great now 🙂

[David]

Glad to hear that!

[Author]

Posts