Return to previous page

Wishlist Dropdown & Recently Added Products Dropdown Background Colour

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

tagthecat

Participant

September 13, 2017 at 02:28

I’d like to set a different colour for the wishlist and Recently Added Products dropdowns – which are accessed by hovering over the icons in the header. Can you please supply the CSS for this.

I know that these colours can be set by giving a colour to the “Container Background Color” in Options/Styling, but when I set this colour it OVERIDES the Site Background image I have set for “Site Background”. That is, it only shows the colour selected rather than the background image. I want to retain the Site Background (without any overlay colour), but I also want an opaque color for the Wishlist and Recently added product dropdowns. Maybe I have the settings wrong? If not, please just supply the requested CSS.

Many thanks. Great theme other than this.

Please, contact administrator
for this information.

#172278 Copied Theme version: 4.5 WooCommerce version: 3.1.2

9 Answers

Amzy Leel

Participant

September 13, 2017 at 05:53

I think you are mentioning the cart widget by “recently added”
here is the code for that :

.cart-popup-container { background-color: #fff; }

#172282 Copied

Amzy Leel

Participant

September 13, 2017 at 05:53

Wish List dropdwon:

.et-wishlist-widget:hover .wishlist-dropdown { background-color: #fff; }

#172283 Copied

Amzy Leel

Participant

September 13, 2017 at 05:54

change the color code to the color you want

regards,

#172284 Copied

tagthecat

Participant

September 13, 2017 at 07:18

Thanks. The Wishlist CSS worked, but the Cart Drop Down DID NOT WORK. Please see the screen shot I’ve provided in PRIVATE CONTENT to see the drop down container I’m talking about:

I want to make the background of this container a custom colour, ie different from Global theme settings.

Please, contact administrator
for this information.

#172292 Copied

Amzy Leel

Participant

September 13, 2017 at 07:33

updated.
you may check now.

#172294 Copied

tagthecat

Participant

September 14, 2017 at 04:57

Hi. Getting close!! The CSS worked for the HOVER state, but it still isn’t correct for the moment where a user adds an item to the Wishlist or the Cart. At the moment an item is added, it briefly shows the Wishlist or the Cart Dropdown Container….and these still show the old transparent color. I’m assuming there is extra CSS to cover this state? Almost there!!

#172390 Copied

Rose Tyler

Support staff

September 14, 2017 at 08:28

Hello,

Please check now.

Regards

#172419 Copied

tagthecat

Participant

September 14, 2017 at 21:33

Fantastic. This has fixed it! Thanks 🙂

Sorry, one very final question:

How do I make the progression of Testimonials on the front-end go slower?? That is, the time it stays on one testimonial before progressing to the next one. It’s less than one second per slide…which is very hard to read?

Where or how do I change this?

#172483 Copied

Rose Tyler

Support staff

September 15, 2017 at 08:22

Hello,

You’re welcome!
I’ve changed http://prntscr.com/gldrkw Please check.

Regards

#172508 Copied
Viewing 10 results - 1 through 10 (of 10 total)