Cell color issue

  • Resolved mniroula

    (@mniroula)


    6 years, 9 months ago

    Hi,

    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:
    Example: https://www.screencast.com/t/KZPuj8feH3

    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: https://www.screencast.com/t/Gojn2bpD67

    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 6 years, 9 months ago by mniroula. Reason: added one more question
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author supsystic

    (@supsysticcom)

    Hello

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

    Plugin Author supsystic

    (@supsysticcom)

    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.

    Thread Starter mniroula

    (@mniroula)

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

    Plugin Author supsystic

    (@supsysticcom)

    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.