As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2751377
Customize Text in Column
Closed

Comments

  •  1
    Terry started the conversation

    Hoping this is a simple question. Can you provide an example for adding color and bold to text in a table column through css? See screenshot

  • [deleted] replied

    Hi Terry

    Thank you for reaching out to us.

    You can add a CSS class to the column and then add this in the customize tab in the table settings 

    .column {    
    font-style: italic !important;color: red !important;
    }


    2166953650.png


    2140811073.png

    I hope this helps, do let us know if you need any further assistance.

  •  1
    Terry replied

    Thanks, Blaženka

    Is there any way to add either a prefix image or text to a cell data?

    The below css code theoretically does it but I could not get it to work. Im trying to add a conditional code for cell values under -10 so that the output would change a cell value of "-10" to "ALERT: -10"

    .ref::before {
      font-weight: bold;
      color: navy;
      content: "ALERT: ";
    }


  • [deleted] replied

    You are most welcomesmile.png

    You can achieve this using conditional formatting

    For integer or float columns you can add a rule like this in the column settings/Conditional formatting

    6329865721.png

    and it will replace that value in the column to whatever you set it to be. 

    I hope this helps, do let us know if you need any further assistance.