[Resolved] Styling for text in table blocks

Home Forums Support [Resolved] Styling for text in table blocks

Home Forums Support Styling for text in table blocks

  • This topic has 7 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2153705
    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 🙂

    #2153932
    David
    Staff
    Customer Support

    Hi there,

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

    #2155039
    Trạng

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

    #2155120
    David
    Staff
    Customer Support

    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;
    }
    #2155152
    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 🙂

    #2155194
    David
    Staff
    Customer Support

    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;
    }
    #2155378
    Trạng

    Thank you so much. It works great now 🙂

    #2155555
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.