This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Price table plugin CSS

Open 9 replies customizationpluginplugin-widgets-bundle
katana77
5 years ago · Last reply by Andrew Misplon 5 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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 5 years, 5 months ago

    Hi

    Thanks for reaching out.

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

  2. katana77 5 years, 5 months ago

    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. Andrew Misplon Staff 5 years, 5 months ago

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

    Awesome, thank you

  5. Andrew Misplon Staff 5 years, 5 months ago

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

  6. katana77 5 years, 4 months ago

    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. Andrew Misplon Staff 5 years, 4 months ago

    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. katana77 5 years, 4 months ago

    And an on-point swift answer again!

  9. Andrew Misplon Staff 5 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread