Return to previous page

Custom "color scheme" colors not being used and no best sellers carousel

This topic has 8 replies, 2 voices, and was last updated 9 years, 5 months ago ago by Jack Richardson

  • Avatar: mdmason23
    mdmason23
    Participant
    August 23, 2015 at 00:54

    When I first installed this theme, there were several formatting changes that were required. I was directed to make changes to the custom.css and functions.php files. What I did not realize at the time was that when I updated my theme, all of these changes would be over-written.

    I have since created a child theme, which has fixed most of the problems. One issue that I am not sure how to correct in the child theme is the color of the “back to top” button, which does not change to the color I have indicated in the color scheme options of the Blanco theme. I was previously instructed to make the following change to get the correct color:
    “To change background color of “Back to top” button you need edit the image wp-content/themes/blanco/images/top.png (use some image editor, Photoshop, for example).”

    1- What code can I add to my child theme to make this change so that I do not have to edit the image every time I update my theme?

    The Blanco standard color is also still appearing in the following places. Is there code I can add to my child theme to change them to the color of my choice (#990000)?
    2- cart total
    3- the highlight color of product titles while in the cart only
    4- left and right arrows on the carousels on the main page

    5- The last issue I am now having is that the best sellers carousel on the main page is not appearing.

    Thanks in advance for your help. I have included the FTP credentials in private content.
    Monique

    Please, contact administrator
    for this information.
    #81764 Copied Theme version: 3.3 WooCommerce version: 2.4.5
    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 24, 2015 at 12:20

    Hello,

    1. You can edit the image and upload it to your child theme folder and write the path to it in child style.css:

    #back-to-top a {
    background-image: url("path_to_new_image") !important;
}

    2. Add this code in child style.css:

    .cart_totals tr:last-child td .amount {
   color: #990000 !important;
}

    3. Use this css code:

    .checkout_cart td.product-name a:hover {
  color: #990000 !important;
}

    4. You need edit the images wp-content/themes/blanco/images/slide_next.png, wp-content/themes/blanco/images/slide_prev.png, upload them to child theme folder and write the path to new images in child style.css:

    .product-slider .next {
    background-image: url("path_to_image");
}
.product-slider .prev {
    background-image: url("path_to_image");
}

    5. As written in our documentation https://www.8theme.com/demo/docs/blanco/#!/blanco_shortcodes the shortcode for best selling products is used only for WP e-Commerce plugin, not for Woocommerce.

    Best regards,
    Jack Richardson.

    #81900 Copied
    Avatar: mdmason23
    mdmason23
    Participant
    August 24, 2015 at 17:24

    Jack,

    Thanks, this helps alot; however, I cannot get the product slider images to update. With the above code, the next slider image doesn’t change and the previous slider looks like a faded arrow that doesn’t change on hover. I got the back to top working fine.

    I also found another location that the custom color is not being picked up…on the product prices in the drop down when I hover over my shopping cart in the upper right hand corner.

    Thanks,
    Monique

    #82018 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 25, 2015 at 07:17

    Hello,

    Please use this code in custom.css:

    #top-cart .amount, #top-cart .cart-popup .totals .amount {
   color: #990000 !important;
}

    Please show a screenshot what arrows you’re trying to edit.

    Best regards,
    Jack Richardson.

    #82065 Copied
    Avatar: mdmason23
    mdmason23
    Participant
    August 25, 2015 at 15:30

    Jack,

    Thanks…that fixed the drop down 🙂

    Here’s a screen shot of the bottom of my home page showing the carousel arrows I am talking about:

    carousel arrows

    And it seems that without adding the code to change them, the left arrow does not work. It does not change to the default color on hover and clicking on it does nothing.

    Thanks,
    Monique

    #82225 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 26, 2015 at 08:02

    Hello,

    Left arrow doesn’t work because there is nowhere to slide. If you click right arrow, then the left one will be clickable. Please check it.
    To change these arrows you need edit images wp-content/themes/blanco/images/slide_next.png, wp-content/themes/blanco/images/slide_prev.png and use this css code:

    .product-slider .next {
    background-image: url("path_to_image");
}
.product-slider .prev {
    background-image: url("path_to_image");
}

    Best regards,
    Jack Richardson.

    #82299 Copied
    Avatar: mdmason23
    mdmason23
    Participant
    August 27, 2015 at 03:49

    Jack,

    You are correct about the left slider arrow…it is working…my bad! The code you just gave is identical to the code you gave the first time. It didn’t change the arrows, but I did some fiddling and added !important to the end of each line and got it to work.

    Thanks for the help!
    Monique

    #82598 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 27, 2015 at 11:27

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #82716 Copied

  • Tagged: , , , , ,

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Custom "color scheme" colors not being used and no best sellers carousel’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.