Alex
Alex

Reputation: 105

Fix a CSS conflict

I am trying to add a pricing table on default landing page of my wordpress site. But because of the following stylesheet code (which is required by the current theme and can't be changed) the pricing table doesn't appear properly.

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

You can have a look on pricing table here: http://jsfiddle.net/Ppr2K/

Can you guyz please help me to fix it ?

Upvotes: 0

Views: 74

Answers (2)

Love Trivedi
Love Trivedi

Reputation: 4046

You can also use this one

div.p_table_1 div.caption_column li.header_row_2 {
    height: 100px;
     width: 100%;
    padding: 15px 0px 6px 10px !important;  

}

Upvotes: 0

Nitesh
Nitesh

Reputation: 15759

Make the below change to solve your issue.

div.p_table_1 div.caption_column li.header_row_2 {
    height: 100px;
}

WORKING DEMO

Hope this helps.

Upvotes: 1

Related Questions