This topic contains 2 replies, has 2 voices, and was last updated by  Florens_Shoes 3 weeks, 1 day ago.

CSS Button problem

  • Im in trouble for a css parts.

    In my header I have

     <style type="text/css">
                    .top-bar-nav a.nav-top-link,
                body,
                p,
                #top-bar,
                .cart-inner .nav-dropdown,
                .nav-dropdown {
                    font-family: Raleway, helvetica, arial, sans-serif!important;
                }
        
                    #masthead .header-container .logo-wrapper .logo a img,
                .fixed-header .logo-wrapper .logo a img
                {
                    max-height: 50px            }
                
                    .cart-count,
                .mini-cart .nav-dropdown-inner,
                .price .amount,
                .megatop > a
                {font-family: arial,helvetica,arial,sans-serif!important;}
        
                    .header-nav li.root-item > a,
                .search-wrapper label,
                .product-title,
                .name,
                .post-date,
                h1,h2,h3,h4,h5,h6{font-family: Raleway,helvetica,arial,sans-serif!important;letter-spacing: 2px;}
        
                    .alt-font{font-family: Dancing Script,Georgia,serif!important;}
        
        
            /* COLOR PRIMARY */
         
            	
                /* COLOR */
                a:hover,
                a:focus,
                .add-to-cart-grid .cart-icon strong,
                .tagcloud a,
                .navigation-paging a,
                .navigation-image a,
                ul.page-numbers a,
                ul.page-numbers li > span,
                #header-outer-wrap .mobile-menu a,
                .logo a,
                li.mini-cart .cart-icon strong,
                .widget_product_tag_cloud a,
                .widget_tag_cloud a,
                #header-outer-wrap .mobile-menu a.mobile-menu a,
                .checkout-group h3,
                .order-review h3,
                #yith-searchsubmit .icon-search,
                .mini-cart-item .cart_list_product_price,
                .remove:hover i,
                .tabbed-content ul.tabs li a:hover,
                .tabbed-content ul.tabs li.active a,
                .tabbed-content .tabs li.separator,
                .price,
                .product-item .info .price,
                .widget_products .product_list_widget li .amount,
                .widget_top_rated_products .product_list_widget li .amount,
                .support-icon,
                .entry-meta a,
                #order_review_heading,
                .checkout-group h3,
                .shop_table.cart td.product-name a,
                a.shipping-calculator-button,
                h3.breadcrumb,
                .widget_layered_nav li a:hover,
                .widget_layered_nav_filters li a:hover,
                .product_list_widget .text-info span,
                .left-text i,
                .collapsing.categories.list li:hover span,
                .copyright-footer span,
                #menu-shop-by-category li.active.menu-parent-item .nav-top-link::after,
                .product_list_widget .product-title:hover,
                .item-product-widget .product-meta .product-title a:hover,
                .product_list_widget span.amount,
                .header-type-3 ul.header-nav li a.nav-top-link:hover,
                .widget_layered_nav li:hover a,
                .widget_layered_nav_filters li:hover a,
                .remove .icon-close:hover,
                .absolute-footer .left .copyright-footer span,
                .service-block .box .title .icon,
                .contact-information .contact-text strong,
                .bread .breadcrumb-row h3 a:hover,
                .nav-wrapper .header-nav li.root-item a:hover,
                .group-blogs .blog_info .read_more a:hover,
                .mini-cart .nav-dropdown .cart_list .mini-cart-item .mini-cart-info .cart_list_product_quantity,
                #top-bar .top-bar-nav li.color a,
                .absolute-footer li a:hover,
                #masthead .mobile-menu .mobile_toggle,
                .leetheme_recent_posts li .post-date,
                .leetheme_recent_posts .read-more a,
                .widget.woocommerce li a:hover,
                .filter-tabs li.active i, .filter-tabs li:hover i,
                .widget.woocommerce li.current-cat a,
                .team-member .member-details h3,
                .shop_table .remove-product .icon-close:hover,
                .lt-tabs-content .lt-tabs li.separator,
                .load-more:hover,
                .lt-active,
                .html-text i {
                    color: #00957f;
                }
                ul.header-nav li.active a.nav-top-link,
                ul li .nav-dropdown > ul > li:hover > a,
                ul li .nav-dropdown > ul > li:hover > a::before,
                ul li .nav-dropdown > ul > li .nav-column-links > ul > li a:hover,
                ul li .nav-dropdown > ul > li .nav-column-links > ul > li:hover > a::before {
                    color: #00957f;
                }
            		
                .blog_shortcode_item .blog_shortcode_text h3 a:hover,
                .main-navigation li.menu-item a:hover,
                .widget-area ul li a:hover,
                h1.entry-title a:hover,
                .comments-area a,
                .collapses.active .collapses-title a,
                .progress-bar .bar-meter .bar-number,
                .product-item .info .name a:hover,
                .wishlist_table td.product-name a:hover,
                .product_list_widget .text-info a:hover,
                .product-list .info .name:hover,
                .primary-color,
                .widget.widget_categories li a.lt-active,
                .widget.widget_archive li a.lt-active,
                ul.main-navigation li .nav-dropdown > ul > li .nav-column-links > ul > li a:hover {
                    color: #00957f !important;
                }
            		
                /* BACKGROUND */
                .tabbed-content.pos_pills ul.tabs li.active a,
                li.featured-item.style_2:hover a,
                .bery_hotspot,
                ul.page-numbers li > span,
                .label-new.menu-item a:after,
                .text-box-primary,
                .navigation-paging a:hover,
                .navigation-image a:hover,
                .next-prev-nav .prod-dropdown > a:hover,
                ul.page-numbers a:hover,
                .widget_product_tag_cloud a:hover,
                .widget_tag_cloud a:hover,
                .custom-cart-count,
                .iosSlider .sliderNav a:hover span,
                a.button.trans-button:hover,
                .please-wait i,
                li.mini-cart .cart-icon .cart-count,
                .product-img .product-bg,
                #submit,
                button,
                #submit,
                button,
                input[type="submit"],
                .post-item:hover .post-date,
                .blog_shortcode_item:hover .post-date,
                .group-slider .sliderNav a:hover,
                .support-icon.square-round:hover,
                .entry-header .post-date-wrapper,
                .entry-header .post-date-wrapper:hover,
                .comment-inner .reply a:hover,
                .checkout-breadcrumb div:hover span,
                .woocommerce-cart .title-cart span,
                .woocommerce-checkout .title-checkout span,
                .woocommerce-checkout .title-cart span,
                ul.page-numbers a:hover,
                ul.page-numbers li span.current,
                .social-icons .icon.icon_email:hover,
                .widget_collapscat h3,
                ul.header-nav li a.nav-top-link::before,
                .sliderNav a span:hover,
                .shop-by-category h3.section-title,
                ul.header-nav li a.nav-top-link::before,
                .custom-footer-1 .bery-hr,
                .products.list .product-interactions .quick-view:hover,
                .products.list .product-interactions .yith-wcwl-add-button:hover,
                ul.header-nav li a.nav-top-link::before,
                .widget_collapscat h2,
                .shop-by-category h2.widgettitle,
                .rev_slider_wrapper .type-label-2,
                .bery-hr.primary-color,
                .products.list .product-interactions .yith-wcwl-add-button:hover,
                .owl-carousel .owl-controls .owl-pagination .owl-page.active,
                .owl-carousel .owl-controls .owl-pagination .owl-page:hover,
                .pagination-centered .page-numbers a:hover, .pagination-centered .page-numbers span.current,
                .pagination-centered .page-numbers .current,
                .vertical-menu h4.section-title,
                .cart-wishlist .mini-cart .cart-link .cart-icon .products-number,
                .load-more::before
                {
                    background-color: #00957f            }
    
                .sliderBullets .bullet.active,
                .sliderBullets .bullet:hover,
                .flipContainer .pager span.dot.current,
                .button.trans-button.primary,
                #leetheme-popup .ninja-forms-form-wrap .ninja-forms-form .ninja-forms-all-fields-wrap .field-wrap .button,
                .tparrows:hover {
                    background-color: #00957f !important
                }
            		
                .sliderBullets .bullet.active,
                .sliderBullets .bullet:hover,
                .flipContainer .pager span.dot.current,
                .tp-bullets.simplebullets.round .bullet:hover,
                .tp-bullets.simplebullets.round .bullet.selected {
                    background-color: #00957f !important
                }
                /* BORDER COLOR */
                .text-bordered-primary,
                ul.page-numbers li > span,
                .add-to-cart-grid .cart-icon-handle,
                .add-to-cart-grid.please-wait .cart-icon strong,
                .navigation-paging a,
                .navigation-image a,
                ul.page-numbers a,
                ul.page-numbers a:hover,
                .post.sticky,
                .widget_product_tag_cloud a,
                .next-prev-nav .prod-dropdown > a:hover,
                .iosSlider .sliderNav a:hover span,
                .group-slider .sliderNav a:hover,
                .woocommerce-checkout form.login,
                li.mini-cart .cart-icon strong,
                li.mini-cart .cart-icon .cart-icon-handle,
                .post-date,
                .main-navigation .nav-dropdown ul,
                .search-dropdown .nav-dropdown,
                .remove:hover i,
                .support-icon.square-round:hover,
                .checkout-breadcrumb div:hover span,
                .woocommerce-cart .title-cart span,
                .woocommerce-checkout .title-checkout span,
                .woocommerce-checkout .title-cart span,
                .widget_price_filter .ui-slider .ui-slider-handle,
                ul.page-numbers a:hover,
                ul.page-numbers li span.current,
                h3.section-title span,
                .social-icons .icon.icon_email:hover,
                .button.trans-button.primary,
                .seam_icon .seam,
                .border_outner,
                .owl-carousel .owl-controls .owl-pagination .owl-page.active,
                .product-interactions .add-to-cart-grid.added:hover,
                .pagination-centered .page-numbers a:hover, .pagination-centered .page-numbers span.current,
                .pagination-centered .page-numbers .current,
                .products.list .product-interactions .yith-wcwl-wishlistexistsbrowse a {
                    border-color: #00957f;
                }
    
                .widget_product_tag_cloud a:hover,
                .widget_tag_cloud a:hover,
                .promo .sliderNav span:hover,
                .remove .icon-close:hover {
                    border-color: #00957f !important;
                }
    
                .tabbed-content ul.tabs li a:hover:after,
                .tabbed-content ul.tabs li.active a:after {
                    border-top-color: #00957f;
                }
    
                .woocommerce-cart .title-cart p,
                .woocommerce-checkout .title-checkout p,
                .woocommerce-checkout .title-cart p {
                    border-bottom: 2px solid #00957f;
                }
    
                .collapsing.categories.list li:hover,
                #menu-shop-by-category li.active {
                    border-left-color: #00957f !important;
                }
            	
            /* COLOR SECONDARY */
         
    
                a.secondary.trans-button,
                li.menu-sale a {
                    color: #ff2323!important
                }
                .label-sale.menu-item a:after,
                .mini-cart:hover .custom-cart-count,
                .badge .inner,
                .button.secondary,
                .button.checkout,
                #submit.secondary,
                button.secondary,
                .button.secondary,
                input[type="submit"].secondary {
                    background-color: #ff2323            }
                a.button.secondary,
                .button.secondary {
                    border-color: #ff2323;
                }
                .badge .inner {
                    border-right-color: #ff2323 !important;
                    border-top-color: #ff2323!important;
                }
                a.secondary.trans-button:hover {
                    color: #FFF!important;
                    background-color: #ff2323!important
                }
                ul.page-numbers li > span {
                    color: #FFF;
                }
        
            /* COLOR SUCCESS */
         
                .woocommerce-message {
                    color: #00b700!important
                }
                .woocommerce-message:before,
                .woocommerce-message:after {
                    color: #FFF!important;
                    background-color: #00b700!important
                }
                .label-popular.menu-item a:after,
                .add-to-cart-grid.please-wait .cart-icon strong,
                .tooltip-new.menu-item > a:after {
                    background-color: #00b700;
                    border-color: #00b700;
                }
                .products.list .add-to-cart-grid.added,
                .product-interactions .add-to-cart-grid.added,
                .product_list_widget .add-to-cart-grid.added,
                .add-to-cart-grid.please-wait .cart-icon .cart-icon-handle,
                .add-to-cart-grid.added .cart-icon .cart-icon-handle,
                .woocommerce-message {
                    border-color: #00b700            }
                .tooltip-new.menu-item > a:before {
                    border-top-color: #00b700 !important;
                }
                .out-of-stock-label {
                    border-right-color: #00b700 !important;
                    border-top-color: #00b700!important;
                }
                .product-interactions .add-to-cart-grid.added,
                .products.list .add-to-cart-grid.added,
                .product_list_widget .add-to-cart-grid.added,
                .yith-wcwl-wishlistexistsbrowse a,
                .yith-wcwl-wishlistaddedbrowse a {
                    background-color: #00b700            }
        
            /* COLOR BUTTON */
         
                form.cart .button,
                .cart-inner .button.secondary,
                .checkout-button,
                input#place_order,
                input.button,
                .btn-viewcart,
                .btn-checkout,
                input#submit,
                .add-to-cart-grid-style2,
                .add_to_cart,
                button.button {
                    background-color: #fffcfc!important;
                }
        
    
            /* COLOR HOVER */
                    .product-lightbox-btn:hover
                {
                    color: #00957f;
                }
    
                #submit:hover,
                button:hover,
                .button:hover,
                input[type="submit"]:hover,
                .product-lightbox-btn:hover,
                .owl-carousel .owl-controls .owl-buttons div:hover,
                .product-interactions .btn-link:hover,
                .product-interactions .btn-wishlist.added{
                    border-color: #00957f;
                }
                form.cart .button:hover,
                .button:hover,
                a.primary.trans-button:hover,
                .form-submit input:hover,
                #payment .place-order input:hover,
                input#submit:hover,
                .add-to-cart-grid-style2:hover,
                .add-to-cart-grid-style2.added,
                .add-to-cart-grid-style2.loading,
                .product-list .product-img .quick-view.fa-search:hover,
                .products.list .product-interactions .add-to-cart-grid:hover,
                .product-interactions .add-to-cart-grid:hover,
                .product-interactions .add-to-link .quick-view:hover,
                .yith-wcwl-add-button .add_to_wishlist:hover,
                .yith-wcwl-add-to-wishlist a:hover,
                .product-interactions .quick-view:hover,
                .product-interactions .add-to-link .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover,
                .product-interactions .add-to-link .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover,
                .product-interactions .add-to-link .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover,
                .btn-link:hover,
                .widget_tag_cloud a:hover,
                .footer-type-2 input.button,
                .owl-carousel .owl-controls .owl-buttons div:hover {
                    background-color: #00957f!important;
                };
        
    
         
                .tipr_container_bottom{display: none;position: absolute;margin-top: 13px;z-index: 1000;}
                .tipr_container_top{display: none;position: absolute;margin-top:-70px;z-index: 1000;}
        
                    .wow, .lee-panels .lee-panel .owl-item .wow{opacity: 0;}
            	
        </style>
    


    I need to change thie BACKGROUND part:
    I want to change this:

    /* BACKGROUND */
    .tabbed-content.pos_pills ul.tabs li.active a,
    li.featured-item.style_2:hover a,
    .bery_hotspot,
    ul.page-numbers li > span,
    .label-new.menu-item a:after,
    .text-box-primary,
    .navigation-paging a:hover,
    .navigation-image a:hover,
    .next-prev-nav .prod-dropdown > a:hover,
    ul.page-numbers a:hover,
    .widget_product_tag_cloud a:hover,
    .widget_tag_cloud a:hover,
    .custom-cart-count,
    .iosSlider .sliderNav a:hover span,
    a.button.trans-button:hover,
    .please-wait i,
    li.mini-cart .cart-icon .cart-count,
    .product-img .product-bg,
    #submit,
    button,
    #submit,
    button,
    input[type=”submit”],
    .post-item:hover .post-date,
    .blog_shortcode_item:hover .post-date,
    .group-slider .sliderNav a:hover,
    .support-icon.square-round:hover,
    .entry-header .post-date-wrapper,
    .entry-header .post-date-wrapper:hover,
    .comment-inner .reply a:hover,
    .checkout-breadcrumb div:hover span,
    .woocommerce-cart .title-cart span,
    .woocommerce-checkout .title-checkout span,
    .woocommerce-checkout .title-cart span,
    ul.page-numbers a:hover,
    ul.page-numbers li span.current,
    .social-icons .icon.icon_email:hover,
    .widget_collapscat h3,
    ul.header-nav li a.nav-top-link::before,
    .sliderNav a span:hover,
    .shop-by-category h3.section-title,
    ul.header-nav li a.nav-top-link::before,
    .custom-footer-1 .bery-hr,
    .products.list .product-interactions .quick-view:hover,
    .products.list .product-interactions .yith-wcwl-add-button:hover,
    ul.header-nav li a.nav-top-link::before,
    .widget_collapscat h2,
    .shop-by-category h2.widgettitle,
    .rev_slider_wrapper .type-label-2,
    .bery-hr.primary-color,
    .products.list .product-interactions .yith-wcwl-add-button:hover,
    .owl-carousel .owl-controls .owl-pagination .owl-page.active,
    .owl-carousel .owl-controls .owl-pagination .owl-page:hover,
    .pagination-centered .page-numbers a:hover, .pagination-centered .page-numbers span.current,
    .pagination-centered .page-numbers .current,
    .vertical-menu h4.section-title,
    .cart-wishlist .mini-cart .cart-link .cart-icon .products-number,
    .load-more::before
    {
    background-color: #00957f }

    in this:

    /* BACKGROUND */
    .tabbed-content.pos_pills ul.tabs li.active a,
    li.featured-item.style_2:hover a,
    .bery_hotspot,
    ul.page-numbers li > span,
    .label-new.menu-item a:after,
    .text-box-primary,
    .navigation-paging a:hover,
    .navigation-image a:hover,
    .next-prev-nav .prod-dropdown > a:hover,
    ul.page-numbers a:hover,
    .widget_product_tag_cloud a:hover,
    .widget_tag_cloud a:hover,
    .custom-cart-count,
    .iosSlider .sliderNav a:hover span,
    a.button.trans-button:hover,
    .please-wait i,
    li.mini-cart .cart-icon .cart-count,
    .product-img .product-bg,
    #submit,
    button,
    #submit,
    button,
    input[type=”submit”],
    .post-item:hover .post-date,
    .blog_shortcode_item:hover .post-date,
    .group-slider .sliderNav a:hover,
    .support-icon.square-round:hover,
    .entry-header .post-date-wrapper,
    .entry-header .post-date-wrapper:hover,
    .comment-inner .reply a:hover,
    .checkout-breadcrumb div:hover span,
    .woocommerce-cart .title-cart span,
    .woocommerce-checkout .title-checkout span,
    .woocommerce-checkout .title-cart span,
    ul.page-numbers a:hover,
    ul.page-numbers li span.current,
    .social-icons .icon.icon_email:hover,
    .widget_collapscat h3,
    ul.header-nav li a.nav-top-link::before,
    .sliderNav a span:hover,
    .shop-by-category h3.section-title,
    ul.header-nav li a.nav-top-link::before,
    .custom-footer-1 .bery-hr,
    .products.list .product-interactions .quick-view:hover,
    .products.list .product-interactions .yith-wcwl-add-button:hover,
    ul.header-nav li a.nav-top-link::before,
    .widget_collapscat h2,
    .shop-by-category h2.widgettitle,
    .rev_slider_wrapper .type-label-2,
    .bery-hr.primary-color,
    .products.list .product-interactions .yith-wcwl-add-button:hover,
    .owl-carousel .owl-controls .owl-pagination .owl-page.active,
    .owl-carousel .owl-controls .owl-pagination .owl-page:hover,
    .pagination-centered .page-numbers a:hover, .pagination-centered .page-numbers span.current,
    .pagination-centered .page-numbers .current,
    .vertical-menu h4.section-title,
    .cart-wishlist .mini-cart .cart-link .cart-icon .products-number,
    .load-more::before
    {background-color: #00957f}

    .input[type=”submit”]{background-color: white }

    I tried to edit like that in my child’s css but nothing happened.
    What can I do?

    Tom

    Hi,

    You can add attr !important to your css
    Ex:
    .input [type = “submit”] {background-color: white !important}

    Best regards,
    Tom

    I fixed it in another way.
    Thanks for the support

You must be logged in to reply to this topic.