Pricing table configuration

  • Post count: 69
    November 17, 2014 at 12:05 am #6444


    I’m trying to adapt pricing table css to my website but there is like a “double botton” in it that I cannot eliminate.

    I want to not show the rectangulos that is below the button with the writtne (Buy this option) as you can see at this url in the pricing table: or at the following link:

    Is it also possible to make the height of the button smaller?

    thanks and regards,

    Post count: 11319
    November 19, 2014 at 8:37 am #6499

    Hi Carlotta,

    It seems the url of your image isn’t correct, i get message the url is not found. Can you resend those image so i can easily to understand what you mean.

    Please try to use this code below :

    Thank you

    Post count: 69
    November 19, 2014 at 11:18 am #6521

    Hi Dek,
    even if you didn’t see my image with the code you passed me the problem looks solved. You can see now how it looks (

    I just wanted to ask you if doesn’t matter how many css code we are adding to the style… now for the price table I have all this, think that maybe there are double code for some functions… if doesn’t matter in the web prestation no problem, or it would be better to have only the essential one?

    <pre class=”lang:css decode:true ” >/*** Pricing Table ***/
    .pricing-col-wrapper {border: 0}
    .pricing-table.four-col .pricing-col {
    padding: 0 1%;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    .pricing-col-wrapper h3, .light .pricing-col-wrapper h3 {
    background: #1abc9c;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    border: 0;
    -webkit-box-shadow: inset 0 -3px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -3px rgba(0,0,0,0.2);
    box-shadow: inset 0 -3px rgba(0,0,0,0.2);
    .pricing-table .price { background: #2c3e50; border:0; }
    .pricing-table h4, .light .pricing-table h4 { color: #fff; }
    .pricing-table .pricing-col.pricehighlight h4 {font-weight: bold}
    .pricing-col.pricehighlight { box-shadow: none; }
    .pricing-col.pricehighlight .price-heading > h3 {
    background: #f1c40f;
    padding: 12px;
    font-weight: bolder;

    .price-heading span {font-weight: 300; color: #fff; font-size: 12px;}
    .pricing-table .price > em {color: rgba(255,255,255,0.5)}
    .pricing-table .pricing-list > li,
    .pricing-table .price-btn {
    border: 1px solid #ecf0f1;
    border-top: 0;
    color: #757C83;
    .pricing-table .btn, .light .pricing-table .btn {
    color: #fff;
    text-shadow:0 1px 1px rgba(0,0,0,0.1);
    background: #1abc9c;
    border: 0;
    .pricing-table .pricing-col.pricehighlight .btn, .light .pricing-table .pricing-col.pricehighlight .btn { background: #f1c40f; }

    .pricing-table h6 {
    margin: 0.6em 0px;

    .pricing-table .btn, .light .pricing-table .btn {

    .price-btn > p {
    display: none;

    .price-btn > a {
    padding: 0px 15px;

    .price-btn > a > h5 {
    margin: 16px;

    Post count: 11319
    November 20, 2014 at 8:12 am #6535

    Hi Carlotta,

    Don’t worry about that. But i’m not quite sure what you mean to have only the essential one on above? Anyway i just to suggest to you, if you want to add additional style for certain element on your site, please put your code on the Additional Style rather than change the original file. So, when you’re updating your theme into new version, your additional style will lost.

    Thank you

You must be logged in to reply to this topic.