Home>Support>Price table plugin CSS

Price table plugin CSS

By katana77, 3 years ago. Last reply by Andrew Misplon, 3 years ago.

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. 3 years, 11 months 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. 3 years, 11 months 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. 3 years, 11 months 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. 3 years, 11 months ago katana77

    Awesome, thank you

  5. 3 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  6. 3 years, 11 months 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. 3 years, 11 months 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. 3 years, 11 months ago katana77

    And an on-point swift answer again!

  9. 3 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Glad that helped :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More