Banner with mask Issue - by West Socks - on WordPress WooCommerce support

This topic has 10 replies, 4 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler

  • Avatar: West_Socks
    West Socks
    Participant
    May 27, 2020 at 17:36

    How do I change the text hover color for the 4 banners on my home page? There was no option on the backend. Also, how do I get the buttons to show?

    Thanks.

    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 27, 2020 at 23:57

    Hello,

    As I can see there is some custom code in Theme Options > Custom CSS

    .banner .banner-title:hover {
        color:#888 !important;
    }

    We don’t have a special option in the banner element settings to change the color of the text when you hover over the banner.

    Regards

    Avatar: West_Socks
    West Socks
    Participant
    May 28, 2020 at 02:19

    I, unfortunately, do not see that custom code in the editor? I would like it to be #dc2935 instead of #888. Please can you take a look? Also can you take a look as to why the button does not show? And finally the following custom code doesn’t seem to want to work either? It still comes in green.

    .woocommerce-message, .woocommerce-error, .woocommerce-info, .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, .mc4wp-alert, .woocommerce-order-overview-wrapper ~ p {
    background: #dc2935;
    }

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 28, 2020 at 07:15

    Hi,

    1) The mentioned code you can find in Custom CSS for page area – http://prntscr.com/sp6scz
    2) Make sure that you added a Title of the button.
    3) Custom CSS area should not contain any script code – http://prntscr.com/sp6u9r
    Use the next code to change bg color here http://prntscr.com/sp6vtm

    .sticky-message-on .content-page .woocommerce-message{
      background-color: #dc2935 !important;
    }

    Regards

    Avatar: West_Socks
    West Socks
    Participant
    May 28, 2020 at 16:03

    1) Thank you – that worked.
    2) I am not able to see where to add the title for a button on the banner mask
    3) Sounds good
    4) I added this to the theme css but when you go to the shopping cart and increase the qty of a product and click update, it still shows in green.

    Avatar: John Holden
    John Holden
    Support staff
    May 29, 2020 at 05:13

    Hi,

    2. https://prnt.sc/spt0jz

    4. Use below code

    .woocommerce-message, .woocommerce-error, .woocommerce-info, .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, .mc4wp-alert, .woocommerce-order-overview-wrapper ~ p {
        background: #dc2935;
    }

    Regards,
    Hung PD

    Avatar: West_Socks
    West Socks
    Participant
    May 29, 2020 at 16:30

    2. Worked thank you for showing me

    4) When you are on a product page and you add to cart it is still green?

    Thanks,

    Matt

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2020 at 07:19

    In this case, change the previous code to

    .sticky-message-on .content-page .woocommerce-message,
    .woocommerce-message, .woocommerce-error, .woocommerce-info, 
    .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, 
    .mc4wp-alert, .woocommerce-order-overview-wrapper ~ p{
      background-color: #dc2935 !important;
    }

    Regards

    Avatar: West_Socks
    West Socks
    Participant
    June 4, 2020 at 19:23

    That worked. Can you look at one last thing? My search bar seems to take a while to load when you start entering text.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 5, 2020 at 07:18

    On first sight, it works fine – https://gyazo.com/cc7ec72db0ba17822be4af5ab93259f5
    Ajax search results speed depends on server response time and optimized structure of your DB. When you type anything site generates requests to get results and if your server response is quick then you get them immediately.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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