Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #588017

    Hi there. In my pricing table I have 3 columns. I want to make the top row, second and third columns different colors. The first column should be transparent. Currently I have the following:

    .page-id-25795 .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: color:rgb(242, 159, 46); border-color:#8ed8ed; }
    
    .page-id-25795 .pricing-table > li:nth-of-type(1) {
    	height: 45px;
    }
    .page-id-25795 .pricing-table > li:nth-of-type(2) {
    	height: 180px;
    }
    .page-id-25795 .pricing-table > li:nth-of-type(3) {
    	height: 155px;
    }
    .page-id-25795 .pricing-table > li:nth-of-type(4) {
    	height: 135px;
    }
    .page-id-25795 .pricing-table > li:nth-of-type(5) {
    	height: 135px;
    }
    .page-id-25795 .pricing-table > li:nth-of-type(6) {
    	height: 45px;
    }

    What do I need to adjust to make that happen?

    #588057

    Hi Mike!

    pasting code does not really help us. Instead provide us a link to your site showing the elements in question please. We need to be able to inspect the elements.

    Cheers!
    Andy

    #588074

    I figured it out, thanks.

    #589588

    Hi!

    Great! Let us know if you need anything else. :)

    Cheers!
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change pricing table column heading background colors’ is closed to new replies.