Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 4, 2018 at 8:07 pm #921133
    josollazzo

    Hello guys
    Please how can I do to round the corners of the price table?
    Before version 4.2.4 I had rounded corners and I had the code in Css (see below):
    but now I do not get rounded corners anymore. How can I do? Can you help me? Thank you very much.
    Giuseppe

    .slide-meta {
    display: none;
    }
    #top .ajax_search_excerpt {
    display: none;
    }
    .search .post-meta-infos {
    display: none!important;
    }
    .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #00B400;
    color: #ffffff;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    }
    .avia-pricing-table-container .pricing-table > li:last-child {
    background-color: #ffffff;
    color: #ffffff;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
    }
    <style type = “text/css”>
    .main_color .pricing-table li.avia-pricing-row, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra { background-color: blue !important; border-color: blue !important; }
    </style>

    March 5, 2018 at 5:28 am #921296
    Rikard

    Hey josollazzo,

    Could you post a link to where we can see the element in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 5, 2018 at 5:27 pm #921620
    josollazzo

    before I had all the rounded corners of the tables, now it seems like that code does not work

    March 5, 2018 at 5:31 pm #921622
    Yigit

    Hey!

    Please add !important rule to your custom CSS code as following 

    .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background-color: #00B400;
color: #ffffff;
border-top-left-radius:30px !important;
border-top-right-radius:30px !important;
}
.avia-pricing-table-container .pricing-table > li:last-child {
background-color: #ffffff;
color: #ffffff;
border-bottom-left-radius:30px !important;
border-bottom-right-radius:30px !important;
}

    Regards,
    Yigit

    March 5, 2018 at 5:38 pm #921628
    josollazzo

    It’s work, ok. Perfect.
    Thank you very much.
    Giuseppe

    March 5, 2018 at 5:41 pm #921634
    Yigit

    Hi,

    Glad we could help! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded corners in the price table’ is closed to new replies.