ticket page style

 avatar
unknown
html
a year ago
3.7 kB
3
Indexable
<style>
.section-title {
    margin-top: 25px;
    margin-bottom: 22px;
}

.circle-tab .vc_tta-tabs-container {
    margin: 0px !important;
}

.circle-tab ul.vc_tta-tabs-list li {
    border-radius: 70px !important;
    width: 136px !important;
    margin: 18px !important;
    background: url('/wp-content/uploads/2022/07/button_2.png') !important;
    background-position: center !important;
    min-height: 136.1px !important;
    min-width: 136px !important;
    vertical-align: middle;
}

.circle-tab ul.vc_tta-tabs-list li a {
    margin-top: 19px !important;
}

.circle-tab ul.vc_tta-tabs-list li:last-child a {
    margin-top: 7px !important;
}

.circle-tab ul.vc_tta-tabs-list li:nth-child(1).vc_active {
    background: url('/wp-content/uploads/2022/07/button.png') !important;
    background-position: center !important;
    background-color: #E81C2E !important;
    background-size: contain !important;
}

.circle-tab ul.vc_tta-tabs-list li:nth-child(2).vc_active {
    background: url('/wp-content/uploads/2022/07/purple-button.png') !important;
    background-position: center !important;
    background-color: #7A3F84 !important;
    background-size: contain !important;
}

.circle-tab ul.vc_tta-tabs-list li:nth-child(3).vc_active {
    background: url('/wp-content/uploads/2022/07/green-button.png') !important;
    background-position: center !important;
    background-color: #02A055 !important;
    background-size: contain !important;
}

.circle-tab ul.vc_tta-tabs-list li a {
    background-color: unset !important;
}

.circle-tab ul.vc_tta-tabs-list li.vc_active a {
    color: #666 !important;
}

.circle-tab ul.vc_tta-tabs-list li.vc_active a:focus {
    color: #fff !important;
}

.yellow-btn a, .yellow-btn button {
    background: url('/wp-content/uploads/2022/07/yellow-button.png') !important;
    background-position: center !important;
    color: #fff !important;
}

.red-btn a, .red-btn button, #buy-ticket-button-id a, #booking-product-tabs .add-to-cart-wrap>a:nth-child(1) {
    background: url('/wp-content/uploads/2022/07/red-button.png') !important;
    background-position: center !important;
    color: #fff !important;
}

.round-btn a, .round-btn button, #booking-product-tabs .add-to-cart-wrap>a:nth-child(1)  {
    padding: 10px 20px !important;
    margin-top: 20px;
    height: auto;
    width: 220px;
    max-width: 100%;
    border-radius: 50px !important;
}

#booking-product-tabs .add-to-cart-wrap>a:nth-child(1) {
    line-height: 1;
    margin-top: 0;
}

.m-bottom-0 {
    margin-bottom: 0px !important;
}

.m-top-0 {
    margin-top: 0px !important;
}

.p-top-0 {
    padding-top: 0px !important;
}

.bg-color-pink {
    background-color: #FDDED9 !important;
}

.bg-color-green {
    background-color: #E3ECE0 !important;
}

.bg-color-purple {
    background-color: #E6DEEB !important;
}

#booking-product-tabs .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    background-color: transparent !important;
    border-color: transparent !important;
}

#booking-product-tabs .vc_tta-tabs-list .vc_tta-tab > a:before {
    display: none !important;
}

.p-top-50 {
    padding-top: 50px !important;
}

@media (max-width: 768px) {
    #booking-product-tabs .add-to-cart-wrap>a:nth-child(1) {
        width: 120px;
    }
}

#ticket-pricing_wrap.circle-tab ul.vc_tta-tabs-list li.vc_active, #content .circle-tab ul.vc_tta-tabs-list li.vc_active {
    background: url(/wp-content/uploads/2022/07/button_2.png) !important;
    background-position: center !important;
}
</style>
Leave a Comment