CSS modifications

[dirkmol]

Hi,

I would like to make some style changes, I think they can only be fixed using custom css. Hope you can help!

1.
Mega menu column title hover, see attachment. Would like to change the colour/style of that (now they are the same as the normal menu items, looks a bit confusing).

2.
Button styling. I can’t find this in colour customizer, thought it should be there. Would like to change the colour/hover of some of woocommerce buttons, such as the ‘add to basket’, ‘update cart’ etc., see attachments. Where/how can I do this?

Cheers,
Dirk

Attachments:

You must be logged in to view attached files.

[Nishant – SUPPORT]

Hello Dirk,

What colors you need? Please put the specific color codes and I will give a custom css which will do the job.

[dirkmol]

Hi,
Okay.

1.
No visible BG hover, so just white BG. Text hover dark grey #444444.

2.
Button hovers are ok (blue/white), would like to change the standard button view (see attachment, example I made in photoshop):
background-color: #e8e8e8
text-color: #000

Cheers,
Dirk

 

Attachments:

You must be logged in to view attached files.

[dirkmol]

Hi,

Did you see my latest post? Hope you can help me out!

Thanks!
Dirk

[Nishant – SUPPORT]

Use this for woocommerce buttons.

.woocommerce input[name="apply_coupon"], .woocommerce .cart input[name="update_cart"] {
  background: #e8e8e8!important;
  color: #000!important;
}

[Nishant – SUPPORT]

Use this for submenu

nav .menu ul.sub-menu li.menu-item:hover > a {
  color: #444!important;
  background: transparent;
}

[dirkmol]

Hi,

Perfect, that works. But I also want to have the ‘add to cart buttons’ as well as the amount check-boxes in the same style, see attachment.

Thanks,
Dirk

Attachments:

You must be logged in to view attached files.

[dirkmol]

Hi,

This is good, but it only needs to apply on the megamenu submenu <span style=”text-decoration: underline;”>titles</span>, not all items. They were fine as they were.

Thanks,
Dirk

[Nishant – SUPPORT]

Okay, hold on giving you another custom CSS code which will take care of that.

[dirkmol]

Found the right code yet?
Thanks!

[Nishant – SUPPORT]

Yes, thanks for your patience. Sending it in a minute.

[Nishant – SUPPORT]

Please use the custom css below

.woocommerce div.product form.cart .button, 
.woocommerce .quantity input.qty,
.woocommerce .quantity .qty-adjust a  {
    background: #e8e8e8!important;    
    color: #000!important;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce .quantity input.qty:hover,
.woocommerce .quantity .qty-adjust a:hover {
    background: #0abbd0!important;    
    color: #ffffff!important;
}

nav.std-menu li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a {
 color:#000;
}

nav.std-menu li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a:hover {
 color: #444!important;
   background: transparent !important;
}

Note: Please remove the previous css which we gave for the navigation menu.

[dirkmol]

Hi,

Thanks.
Maybe a misunderstanding, but please check the site, http://monkshop.eu. In menu item ‘kleding’ you can see it is the other way around. Submenu titles need to be transparant, all items below as usual, same as other menu items.

Also, I still woud like to have the proper CSS for the buttons as well, see posts above.

Thanks very much.
Dirk

[dirkmol]

Sorry,
The buttons are OK now!

Cheers,
Dirk

[Kyle – SUPPORT]

Ok great 🙂