Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 3, 2022 at 5:29 pm #1334080
    EricSmeets

    Hello, I was looking to change the green colour of the banner you see when adding an item to the basket here: https://www.caspersmeets.nl/product/maxisys-ms919/ I looked at the different styling options but could not find a green colour anywhere. Any idea?

    Kind regards, Eric.

    January 3, 2022 at 10:28 pm #1334103
    Yigit

    Hey Eric,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top div.woocommerce-message {
  background-color: orange;
  color: white;
}

    Best regards,
    Yigit

    January 3, 2022 at 10:38 pm #1334105
    EricSmeets

    Great, thanks Yigit, and how about the green colour you see in the message when removing an item from the shopping list? What code is used to change that?

    January 4, 2022 at 5:35 am #1334133
    Rikard

    Hi,

    Please try this CSS as well:

    #top div.woocommerce-message a {
    color: #fff;
}

    Best regards,
    Rikard

    January 4, 2022 at 1:14 pm #1334193
    EricSmeets

    Thanks Rikard, that worked.

    Now I am finalising the menu and have the following problem. When I hover on the images I added to the menus they change colour and I don’t want that. I already fixed the handcursor to change to a normal arrow. I created a css class called unclickable and used the following code in quick css, but that doesn’t seem to do the trick: 

    /* Clickable menu-items adjustments */
.unclickable > a:hover {
  cursor: default; 
.image-overlay { display: none !important; }
}

    Any idea how the code has to be please?

    • This reply was modified 2 years, 11 months ago by EricSmeets.
    January 4, 2022 at 3:40 pm #1334216
    Rikard

    Hi,

    Please try this CSS instead:

    li.unclickable a:hover {
  background-color: transparent;
}

    Best regards,
    Rikard

    January 4, 2022 at 3:59 pm #1334226
    EricSmeets

    Hmmm, that does not seem to work at all. Could you maybe check it in the back-end?

    January 4, 2022 at 4:15 pm #1334228
    Yigit

    Hi,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
li#menu-item-152 a:hover,
li#menu-item-153 a:hover,
li#menu-item-154 a:hover {
  background-color: transparent;
}

    Best regards,
    Yigit

    January 4, 2022 at 5:01 pm #1334236
    EricSmeets

    Cool! Almost perfect. Only when I click on the image and then remove the cursor from the image it changes colour haha. Any idea?

    January 4, 2022 at 5:07 pm #1334238
    Yigit

    Hi,

    Could you please replace the code with following one?

    li#menu-item-152 a:hover, li#menu-item-153 a:hover, li#menu-item-154 a:hover, li#menu-item-152 a:focus, li#menu-item-153 a:focus, li#menu-item-154 a:focus {
  background-color: transparent;
}

    Best regards,
    Yigit

    January 4, 2022 at 5:14 pm #1334241
    EricSmeets

    Perfect, you’re the best! Thanks

    January 4, 2022 at 5:27 pm #1334246
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change colour of banner’ is closed to new replies.