Support » Plugin: Pricing Table by Supsystic » Cell color issue

  • Resolved mniroula



    1. I was trying to change the cell color using the following code:

    .ptsCol-1 .ptsCell:nth-of-type(1) {
    background-color: #f5f5f5 !important;

    It changes the header background color as well as the third one:

    First one is header
    Second is description
    I don’t understand why this is taking two cells at a time to change the color.

    2. Is it possible to vertically align the text in the middle:
    Example: The red marked texts in the image below:

    I can not share you the live link as this is being checked on Staging site (Password Protected)

    Thank you for your help in advance. Cheers

    • This topic was modified 1 year, 6 months ago by  mniroula. Reason: added one more question
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author supsystic



    Thanks for the information. I’ll test and give you a feedback

    Plugin Author supsystic


    If you want to change color only for header’s cell, you should use this CSS code in CSS editor of the table:

    #{{table.view_id}} .ptsCol-1 .ptsColHeader:nth-of-type(1) {
        background-color: #f5f5f5 !important;

    If you want to change color for exact cell from Rows, you should use this CSS:

    #{{table.view_id}} .ptsCol-1 .ptsRows .ptsCell:nth-of-type(1) {
    background-color: #FF0000 !important;

    If you want to align text text in cells, you can try this CSS:

    #{{table.view_id}} .ptsRows .ptsCell{
        display: flex;
        justify-content: center;
        align-items: center;

    Please try it and let us know the results. If this will not help, please write what exact Pricing Table template do you use.

    Thank you very much. It worked like a charm. Cheers

    Plugin Author supsystic


    That’s great!
    Contact me if you have any questions

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cell color issue’ is closed to new replies.