Colour schemes

  • anytechsolutions

    (@anytechsolutions)


    7 years, 10 months ago

    I want to be able to change the red colour to a green colour and everywhere the red appears I want to change it.

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • xoptimus

    (@spicethemesoptimus)

    7 years, 10 months ago

    Hi anytechsolutions,

    Thanks for contacting us,

    We have given the setting to change color in pro theme so that you can change the color you want if you want to change from red to green color in the lite theme, you have to customize something for it.

    First of all, you download child themes with the following link: https://files.fm/u/dtfmuyjp#sign_up

    Then after going to default.css file in the child theme, then find this color code #ce1b28 in default.css file and replace this code to your color code.

    Now let’s check your website while activating child theme,

    If you can not customize the child theme, then you will send us the color code, We will send you child theme by changing the color code.

    Thanks

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    when i activate the child theme i lose all of my work, also when i change the colour code to what i want it the site does not work as expected

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    Here is the code in my child theme functions.php for use with the certify theme. It doesnt work and the layout still jumps and a i LOSE ALL MY CONTENT, APPRECIATE ANY HELP:

    <?php
    add_action(‘wp_enqueue_scripts’, ‘enqueue_parent_styles’);
    function enqueue_parent_styles() {
    wp_enqueue_style( ‘parent_style’, get_template_directory_uri() . ‘/style.css’ );

    wp_enqueue_style(‘stacy-child-style’,get_stylesheet_directory_uri() . ‘/style.css’,array(‘parent-style’));
    wp_enqueue_style(‘bootstrap’, ST_TEMPLATE_DIR . ‘/css/bootstrap.css’);
    wp_enqueue_style(‘default-style-css’, get_stylesheet_directory_uri().”/css/default.css” );
    wp_enqueue_style(‘theme-menu-style’, get_stylesheet_directory_uri().’/css/theme-menu.css’);
    wp_enqueue_style(‘media-responsive-css’, get_stylesheet_directory_uri().”/css/media-responsive.css” );
    wp_dequeue_style(‘default-css’, get_template_directory_uri() .’/css/default.css’);
    }

    //Load text domain for translation-ready
    load_theme_textdomain(‘stacy’, get_stylesheet_directory() . ‘/languages’);

    xoptimus

    (@spicethemesoptimus)

    7 years, 10 months ago

    Hi anytechsolutions,

    ok, remove the child theme customization given by me, Firstly copy the entire CSS code from this file: https://pastebin.com/Ygxb5CwD then paste the css code in additional css filed (Theme Dashboard >> appearance >> customize >> additional css filed)

    then click publish button and check your website.

    Thanks

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    nearly there your amazing but now I have lost my top bar and search box still has red line. i can screen grab but cannot send via this forum

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    ok managed to get the nav bar green it was set to white – however the transparency effect has been lost so my carousel that runs behind the menu bar is chopped off, almost like the overlay effect has gone.

    xoptimus

    (@spicethemesoptimus)

    7 years, 10 months ago

    HI anytechsolutions,

    For this paste, the following css code in additional css filed (Theme Dashboard >> appearance >> customize >> additional css filed )

    body.home .navbar-overlapped.navbar {
   background-color: rgba(0,0,0,0.8) !important;
}
body.home .stiky-header {
   background: #21202e !important;
}
.navbar-overlapped .navbar-nav > li > a {
   color: #fff !important;
}

    then save above code and check your website, any confusion lets me know.

    Thanks

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    Thanks for coming back. The code does do a fade but it is still solid when the page loads so you cannot see the slider underneath, in the default theme the header isnt there at all and only shows after you scroll
    take a look:
    http://beta.5929.co.uk/

    Imran Ali

    (@imranaliweb)

    7 years, 10 months ago

    .

    • This reply was modified 7 years, 10 months ago by Imran Ali.
    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    yes and then when you scrol down the green header appears as solid.
    On the other pages the header is solid at all times and the slider appears below it.
    were nearly there

    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    @spicethemesoptimus any follow up – the screen grab was exactly what we want.

    xoptimus

    (@spicethemesoptimus)

    7 years, 10 months ago

    Hi anytechsolutions,

    You can add following css code in additional css filed

    body.home .navbar-overlapped.navbar {
   background-color: rgba(0,0,0,0.2);
}
body.home .stiky-header {
   background: #21202e !important;
}
.navbar-overlapped .navbar-nav > li > a {
   color: #fff !important;
}

.sidebar .section-header {
    border-left: 5px solid #08be0e !important;
}

    then save above code and check your website, any confusion lets me know.

    Thanks

    • This reply was modified 7 years, 10 months ago by xoptimus.
    Thread Starter anytechsolutions

    (@anytechsolutions)

    7 years, 10 months ago

    still no joy – see beta.5929.co.uk

    here is all code in my additional css:
    /*===================================================================================*/
    /* MENUBAR SECTION
    /*===================================================================================*/

    body.home .navbar-overlapped.navbar {
    background-color: rgba(0,0,0,0.2);
    }
    body.home .stiky-header {
    background: #21202e !important;
    }
    .navbar-overlapped .navbar-nav > li > a {
    color: #fff !important;
    }

    .sidebar .section-header {
    border-left: 5px solid #08be0e !important; }

    .navbar-default { background-color: transparent; border-color: #e7e7e7; }
    .navbar { background-color: #08be0e; }
    .navbar-inverse .navbar-toggle { background: none repeat scroll 0 0 #66d1b9; }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus { background-color: #66d1b9; }
    .navbar-default .navbar-brand, .navbar-default .site-title { color: #1b1b1b; }
    .navbar-inverse { background-color: rgba(0, 0, 0, 0.6); }
    .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .open > a:hover,
    .navbar .navbar-nav > .open > a:focus { background-color: #ffffff; color: #08be0e; }
    .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus { background-color: #ffffff; color: #08be0e; }
    .navbar-default .navbar-nav > li > a { color: #1b1b1b; }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #08be0e;
    }
    .navbar-default .navbar-nav .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #08be0e;
    }
    @media (min-width: 200px) and (max-width: 990px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #1b1b1b; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #08be0e; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
    .navbar-toggle { color: #0f0f16; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #0f0f16; }

    }
    /*Dropdown Menus & Submenus Css———————————————————-*/
    .navbar .navbar-nav .dropdown-menu {
    background-color: #21202e;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    border-top: 2px solid #08be0e;
    border-bottom: 2px solid #08be0e;
    }
    .navbar .navbar-nav .dropdown-menu > li > a { color: #d5d5d5; border-bottom: 1px dotted #363544; }
    .navbar .navbar-nav .dropdown-menu > li > a:hover,
    .navbar .navbar-nav .dropdown-menu > li > a:focus { color: #ffffff; background-color: #282737; }

    /*===================================================================================*/
    /* CART ICON
    /*===================================================================================*/

    .cart-header:hover > a { color: #08be0e; }
    .cart-header > a .cart-total { background: #08be0e; }

    /*===================================================================================*/
    /* HOMEPAGE OWL CAROUSEL SLIDER
    /*===================================================================================*/

    .slide-btn-sm:before, .slide-btn-sm:after { background-color: #08be0e; }
    /*Status Format*/
    .format-status-btn-sm { background-color: #08be0e; box-shadow: 0 3px 0 0 #b3131f; }
    /*Quote Format*/
    #slider-carousel .format-quote:before { color: #08be0e; }
    /*Video Format*/
    .format-video-btn-sm { background-color: #08be0e; box-shadow: 0 3px 0 0 #b3131f; }
    /* Direction Nav */
    .slide-shadow { background: url(“../images/slide-shadow.png”) no-repeat center bottom #fff; }

    /*===================================================================================*/
    /* OWL CAROUSEL SLIDER NEXT-PREV
    /*===================================================================================*/

    .horizontal-nav .owl-prev:hover, .horizontal-nav .owl-next:hover { background-color: #08be0e; }

    /*===================================================================================*/
    /* SECTION HEADER
    /*===================================================================================*/

    .widget-separator span { background-color: #08be0e; }

    /*===================================================================================*/
    /* SECRVICE SECTION
    /*===================================================================================*/

    .service-section .post:hover { border-top: 3px solid #08be0e; }
    .txt-pink { color: #08be0e; }
    .more-link, .more-link:hover, .more-link:focus { color: #08be0e; }

    /*===================================================================================*/
    /* PORTFOLIO SECTION
    /*===================================================================================*/

    /*Portfolio Tabs*/
    .portfolio-tabs li.active > a, .portfolio-tabs li > a:hover { border-color: #08be0e; background: #08be0e; }

    /*===================================================================================*/
    /* TESTIMONIAL SECTION
    /*===================================================================================*/

    .author-description p:before { color: #08be0e; }

    /*===================================================================================*/
    /* CALLOUT SECTION
    /*===================================================================================*/

    .sm-callout { border-top: 2px solid #08be0e; }
    .sm-callout-btn a { background-color: #08be0e; box-shadow: 0 3px 0 0 #b3131f; }
    .sm-callout-btn a:hover { color: #ffffff; }

    /*===================================================================================*/
    /* PAGE TITLE SECTION
    /*===================================================================================*/

    .page-title-section .overlay { background-color: #08be0e; }

    /*===================================================================================*/
    /* ABOUT US PAGE
    /*===================================================================================*/

    .about-section h2 > span { color: #08be0e; }

    /*===================================================================================*/
    /* TEAM SECTION
    /*===================================================================================*/

    .team-image .team-showcase-icons a:hover { background-color: #08be0e; }

    /*===================================================================================*/
    /* HOMEPAGE BLOG & BLOG PAGE SECTION
    /*===================================================================================*/

    /*Entry Title*/
    .entry-header .entry-title > a:hover, .entry-header .entry-title > a:focus { color: #08be0e; }
    /*Blog Meta*/
    .entry-meta a:hover, .entry-meta a:focus { color: #08be0e; }
    .entry-meta .entry-date > a { background-color: #08be0e; }
    /*More Link*/
    .home-news .more-link:hover, .home-news .more-link:focus,
    .blog-section .more-link:hover, .blog-section .more-link:focus {
    background-color: transparent;
    color: #08be0e !important;
    }
    /*Comment Section*/
    .comment-date { color: #08be0e; }
    .reply a { background-color: #08be0e; box-shadow: 0 3px 0 0 #b3131f; }
    .blogdetail-btn, .blogdetail-btn a { background-color: #08be0e; box-shadow: 0 3px 0 0 #b3131f; }

    /*===================================================================================*/
    /* SIDEBAR SECTION
    /*===================================================================================*/

    /*Sidebar Calender Widget*/
    .calendar_wrap table#wp-calendar caption { background-color: #08be0e; }
    .calendar_wrap table#wp-calendar a:hover, .calendar_wrap table#wp-calendar a:focus,
    .calendar_wrap table#wp-calendar #next a:hover, .calendar_wrap table#wp-calendar #next a:focus,
    .calendar_wrap table#wp-calendar #prev a:hover, .calendar_wrap table#wp-calendar #prev a:focus { color: #08be0e; }
    /*Sidebar Widget Archive, Widget categories, Widget Links, Widget Meta, widget Nav Menu, Widget Pages, Widget Recent Comments, Widget Recent Entries */
    .widget_archive a:hover, .widget_categories a:hover, .widget_links a:hover,
    .widget_meta a:hover, .widget_nav_menu a:hover, .widget_pages a:hover,
    .widget_recent_comments a:hover, .widget_recent_entries a:hover {
    color: #08be0e !important;
    }
    .widget_archive li:before, .widget_categories li:before, .widget_links li:before,
    .widget_meta li:before, .widget_nav_menu li:before, .widget_pages li:before,
    .widget_recent_comments li:before, .widget_recent_entries li:before {
    color: #08be0e;
    }
    /*Sidebar Search*/
    form.search-form input.search-submit,
    input[type=”submit”],
    .woocommerce-product-search input[type=”submit”] { background-color: #08be0e; }

    /*Sidebar Tags*/
    .tagcloud a:hover { background-color: #08be0e; border: 1px solid #08be0e; }

    /*===================================================================================*/
    /* HEADER SIDEBAR & FOOTER SIDEBAR SECTION
    /*===================================================================================*/

    .site-footer { border-top: 3px solid #08be0e; border-bottom: 3px solid #08be0e; }
    .header-sidebar .section-header span, .footer-sidebar .section-header span { background-color: #08be0e; }
    /*Sidebar Latest Post Widget*/
    .footer-sidebar .widget .post .entry-title:hover, .footer-sidebar .widget .post .entry-title a:hover,
    .header-sidebar .widget .post .entry-title:hover, .header-sidebar .widget .post .entry-title a:hover {
    color: #08be0e;
    }
    .widget .post:hover .entry-title a { color: #08be0e; }

    /*===================================================================================*/
    /* FOOTER COPYRIGHTS – SITE INFO
    /*===================================================================================*/

    .site-info a:hover, .site-info a:focus { color: #08be0e; }

    /*===================================================================================*/
    /* WP THEME DATA – CUSTOM HTML TAGS
    /*===================================================================================*/
    blockquote { border-left: 5px solid #08be0e; }
    table a, table a:hover, table a:focus,
    a, a:hover, a:focus,
    dl dd a, dl dd a:hover, dl dd a:focus { color: #08be0e; }
    p > mark, p > ins { background-color: #08be0e; }

    /*===================================================================================*/
    /* CONTACT SECTION
    /*===================================================================================*/

    .cont-info address > a:hover, .cont-info address > a:focus { color: #08be0e; }

    /*===================================================================================*/
    /* 404 ERROR PAGE SECTION
    /*===================================================================================*/

    .error_404 h1 { color: #08be0e; }
    .error_404 p > a { color: #08be0e; }

    /*===================================================================================*/
    /* SCROLL BUTTON PAGE TO TOP
    /*===================================================================================*/

    .hc_scrollup { background-color: #08be0e; }

    /*WOOCOMMERCE CSS—————————————————————————————————————–*/
    /* Woocommerce Colors——————————————————————————————– */
    .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce ul.products li.product .price, .woocommerce .variations td.label, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce .woocommerce-ordering select, .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container .select2-choice { color: #64646d; }
    .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a, .woocommerce div.product form.cart .variations td.label label, .woocommerce #reviews #comments ol.commentlist li .meta strong, .woocommerce table.shop_table th, .woocommerce-cart table.cart td a, .owl-item .item .cart .add_to_cart_button, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-error, .woocommerce-info, .woocommerce-message { color: #0f0f16; }
    .woocommerce ul.products li.product .button { color: #fff; }
    .woocommerce ul.product_list_widget li a:hover, .woocommerce ul.product_list_widget li a:focus,
    .woocommerce .posted_in a:hover, .woocommerce .posted_in a:focus { color: #08be0e; }
    .woocommerce ul.products li.product:hover .button,
    .woocommerce ul.products li.product:focus .button,
    .woocommerce div.product form.cart .button:hover,
    .woocommerce div.product form.cart .button:focus,
    .woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce-EditAccountForm input.woocommerce-Button, .owl-item .item .cart .add_to_cart_button:hover, #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { border: 4px double #e9e9e9; }
    .woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover, .woocommerce a.added_to_cart, .woocommerce table.my_account_orders .order-actions .button { color: #fff; }
    .woocommerce ul.products li.product .button,
    .owl-item .item .cart .add_to_cart_button { background: #08be0e !important; }
    .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .button:hover, .owl-item .item .cart .add_to_cart_button { border: 1px solid #08be0e !important; }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product { background-color: #ffffff; border: 1px solid #e9e9e9; }
    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #08be0e; }
    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #08be0e;
    color: #fff;
    }
    .woocommerce .star-rating span { color: #08be0e; }
    .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background: #08be0e; border: 2px solid #08be0e; color: #fff; }
    .woocommerce ul.products li.product:hover .onsale, .woocommerce mark, .woocommerce ins { color: #fff; }
    .woocommerce span.onsale:hover { color: #fff; }
    .woocommerce ul.products li.product:before, .woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:before, .woocommerce-page ul.products li.product:after {
    content: “”;
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    }
    .woocommerce ul.products li.product:before, .woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:before, .woocommerce-page ul.products li.product:after {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
    }
    .woocommerce a.remove, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover,
    .woocommerce .cart input.button:focus,
    .woocommerce input.button.alt:hover,
    .woocommerce input.button.alt:focus,
    .woocommerce input.button:hover,
    .woocommerce input.button:focus,
    .woocommerce button.button:hover,
    .woocommerce button.button:focus,
    .woocommerce #respond input#submit:hover,
    .woocommerce #respond input#submit:focus,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .return-to-shop a.button { color: #ffffff !important; }
    .woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover, .woocommerce a.button, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus,
    .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus,
    .woocommerce input.button:hover, .woocommerce input.button:focus,
    .woocommerce button.button:hover, .woocommerce button.button:focus,
    .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #08be0e; border: 1px solid transparent !important; }
    .woocommerce-message, .woocommerce-info {
    border-top-color: #08be0e;
    }
    .woocommerce-message::before, .woocommerce-info::before { color: #08be0e; }
    .woocommerce div.product div.summary {
    margin-bottom: 2em;
    padding: 0.4rem 0.9rem 1.5rem;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    }
    .price_label { color: #727272; }
    .woocommerce a.added_to_cart { background: #21202e; border: 1px solid #ffffff; }
    .woocommerce a.button { border-radius: 0px; box-shadow: none; }
    .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid #e4e1e3; }
    .woocommerce #reviews #comments ol.commentlist li .meta time { color: #8f969c; }
    .woocommerce #review_form #respond textarea, .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #e9e9e9; }
    .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #fbfbfb; box-shadow: 0 7px 3px -5px #e0e0e0; }
    .woocommerce table.shop_table, .woocommerce table.shop_table td { border: 1px solid rgba(0, 0, 0, .1); }
    .woocommerce table.shop_table th { background-color: #fbfbfb; }
    #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { border: 4px double #e9e9e9; }
    .woocommerce a.remove { background: #555555; }
    .woocommerce .checkout_coupon input.button,
    .woocommerce .woocommerce-MyAccount-content input.button, .woocommerce .login input.button { background-color: #08be0e; color: #ffffff; border: 1px solid transparent; }
    .woocommerce-page #payment #place_order { border: 1px solid transparent; }
    .select2-container .select2-choice, .select2-drop-active, .woocommerce .woocommerce-ordering select, .woocommerce .widget select {
    border: 1px solid #e9e9e9;
    }
    .woocommerce-checkout #payment ul.payment_methods { background-color: #fbfbfb; border: 1px solid rgba(0, 0, 0, .1); }
    #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #ebe9eb; }
    #add_payment_method #payment div.payment_box:before,
    .woocommerce-cart #payment div.payment_box:before,
    .woocommerce-checkout #payment div.payment_box:before {
    border: 1em solid #ebe9eb;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    }
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span { background-color: transparent; border: 1px solid #0f0f16; color: #242526; }
    .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color: #0f0f16; border: 1px solid #0f0f16; color: #ffffff; }
    .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #ebe9eb; }
    .woocommerce-EditAccountForm input.woocommerce-Button { border: 1px solid #ffffff; }
    .ui-slider .ui-slider-handle {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #e7e7e7;
    background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
    background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
    background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    }
    .price_slider_wrapper .ui-widget-content {
    background: #1e1e1e;
    background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
    background: -webkit-linear-gradient(#1e1e1e,#6a6a6a);
    background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
    background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
    }
    .sidebar-widget .widget-title { border-bottom: 2px solid #eeeeee; }
    .sidebar-widget .woocommerce ul.cart_list li { border-bottom: 1px dotted #d1d1d1; }
    .woocommerce div.product .woocommerce-tabs .panel { background: #fff; border: 1px solid #e9e9e9; }
    .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #08be0e; }

    /*===================================================================================*/
    /* WOOCOMMERCE PRODUCT CAROUSEL
    /*===================================================================================*/

    .product_container { background-color: #ffffff; border: 1px solid #e9e9e9; }
    .wpcs_product_carousel_slider .owl-item .item h4.product_name, .wpcs_product_carousel_slider .owl-item .item h4.product_name a,
    .wpcs_product_carousel_slider .owl-item .item .cart .add_to_cart_button { color: #0f0f16 !important; }
    .wpcs_product_carousel_slider .owl-item .item .cart:hover .add_to_cart_button,
    .testimonial-section .wpcs_product_carousel_slider .title, .top-header-detail .wpcs_product_carousel_slider .title { color: #ffffff !important; }

    /*Woocommerce Section—————————————————————————————-*/
    .woocommerce-section { background-color: #08be0e; }
    .rating li i { color: #08be0e; }
    .products .onsale { background: #08be0e; border: 2px solid #08be0e; }

    /*404 */
    .error_404_btn:hover, .error_404_btn:focus {
    background-color: #08be0e;
    }

    .error_404_btn {
    background-color: transparent;
    color: #08be0e;
    border: 1px solid #08be0e;
    }

    xoptimus

    (@spicethemesoptimus)

    7 years, 10 months ago

    Hi anytechsolutions,

    First of all remove all css code in additional css filed

    then copy the entire CSS code from this file: https://pastebin.com/6dMsUWma then paste the css code in additional css filed (Theme Dashboard >> appearance >> customize >> additional css filed)

    Thanks

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Colour schemes’ is closed to new replies.