Custom CSS

  • In Progress
    Posted in: Highend WP Theme  
  • Customer
    thesemperfibeard
    July 2, 2020 at 8:09 am #147473

    HB Themes,

    Does any of this custom css for Highend Theme look like bad coding?
    Really just wanting to make sure all of this is alright for supporting browsers and no bad code or unnecessary coding is in it.

    I would greatly appreciate it.

    .main-navigation.stuck {
        background: #222;
    }
    #main-wrapper #main-nav>li>a>span.cart-circle-count {
        border: 0px !important;
    }
    #wpforms-182.wpforms-container.wpf-center {
         margin: 0 auto !important;
         max-width: 300px;
    }
    #wpforms-submit-182.wpforms-submit.wpf-submit {
        display: block;
        margin: 0 auto;
        width: 300px;
        background: #7c9f60 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 40px !important;
        border-radius: 5px;
    }
    #wpforms-submit-182.wpforms-submit.wpf-submit:focus, #wpforms-submit-182.wpforms-submit.wpf-submit:hover {
    background: #222 !important;
    color: #fff !important;
    padding: 10px 40px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    }
    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        background: #7c9f60 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 40px !important;
    }
    .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover {
        background: #222 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 40px !important;
    }
    #main-wrapper .hb-woo-product .price, .hb-woo-shop-cats, .hb-woo-shop-cats {
        color: #7c9f60;
    }
    @media handheld, only screen and (max-width: 480px) {
        .hb-woo-wrapper ul.sort-count, .woocommerce-ordering, .woocommerce-ordering select {
    		margin-left: 0!important;
    		width: 100%!important;
    	}
    }
    .checkout-countdown-shortcode {
    border-radius: 25px;
    text-align: center;
    background: #7c9f60;
    color: white;
    padding: 10px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    } 
    div.wpforms-container-full .wpforms-form button[type=submit] {
        background: #7c9f60 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 40px !important;
        border-radius: 5px;
    }
    div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background: #222 !important;
    color: #fff !important;
    padding: 10px 40px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    }
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.hb-buy-button:hover {
        background: #7c9f60;
    }
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 5px;
    }
    .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 5px;
    }
    a.read-more {
        background: #7c9f60 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 30px !important;
        border-radius: 5px;
        border: 0px
    }
    .woocommerce-page #main-wrapper #respond input#submit:hover {
        border: 0;
        background: #7c9f60;
        color: #fff!important;
        font-weight: 400;
    }

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.