Home>Support>Price table plugin CSS

Price table plugin CSS

Hello,
I am building a website based on North theme, the page builder, custom CSS and plugins bundle. And one plugin I am using is the “Price table” plugin.
I’m having a display issue where the text in the “price” text is bigger than the “title” text, which shows wrong. So I am trying to fiddle with the custom CSS section, something like this:

.so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-title {
font-size: 26;
}
.so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-details .ow-pt-price {
font-size: 12;
}
.so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-details .ow-pt-features {
font-size: 8;
}

But nothing is happening. Can you please assist?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 23 days, 1 hour ago Andrew Misplon Hi, I Work Here

    Hi

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. 22 days, 5 hours ago katana77

    Hi Andrew,

    Yes, please check here: http://www.dossierpro.co/wp/
    At the bottom of the page you have the price table plugin. And the current is applied in the Custom CSS section:
    .ow-pt-title {
    font-size: 26em;
    }
    .ow-pt-price {
    font-size: 12em;
    }
    .ow-pt-features {
    font-size: 8em;
    }

    Can you advise please ?
    Thank you

  3. 22 days, 5 hours ago Andrew Misplon Hi, I Work Here

    Thanks for the update. The rules on the page are more specific that your rules which is why they are taking precedence. A quick way around that is to add !important. For example:

    ow-pt-price {
    font-size: 12em !important;
    }
    
  4. 22 days, 5 hours ago katana77

    Awesome, thank you

  5. 22 days, 4 hours ago Andrew Misplon Hi, I Work Here

    Super, glad to hear that helped :) All the best with your site.

  6. 9 days, 20 hours ago katana77

    Dear Andrew,
    One more question please: I have 5 columns in the price table. Is there a way to customize the appearance of specific columns / row items?
    I mean: let’s say that I want the first column to have a header background color in red, while the second in blue… or even play with the bold effect of specific items in specific items? to emphasize on their importance in the package.
    Is there an index for the columns/items where I can set specific CSS?
    Many thanks

  7. 9 days, 12 hours ago Andrew Misplon Hi, I Work Here

    Hi, you’d need to this using CSS, you could target .ow-pt-column using https://www.w3schools.com/cssref/sel_nth-of-type.asp.

  8. 9 days, 2 hours ago katana77

    And an on-point swift answer again!

  9. 9 days, 2 hours ago Andrew Misplon Hi, I Work Here

    Glad that helped :)

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More