Goodafternoon,

I'm bussy with building a new webshop: www.FairMarket.nl . I try to make the website exactly how I want it. With some adjustments in the css script it's already great. But for some small thing I can't find the css adjustment.

From now on I can't find the solution for two adjustment:


I would like to transparant the gray box.


I would like to rename the "aan winkelwagen toevoegen" to "bestel nu"

I hope someone can help me.

This is the second time I cant find the css solution maybe someone have an advice how I can find them? (I use: google chrome browser; element inspect)

It would be great if someone can help me.

Regards,
Fedor

Hi Fedor,

Can you disable the compression on the css in the template

Cheers
Paul

Dear Paul,

Thanks for your response. I turn it off(y)

Regards,
Fedor

Hi Fedor,

The css in question is

.hikashop_products .hikashop_product_image img:hover {
border: 8px solid #0b8fd1;
}

so you would need to override in using the custom.css

Cheers
Paul

This is the little icon you need to click

It overs the capability to display various states e.g. hover, active, focus etc

Looking at the text

aan winkelwagen toevoegen

It looks like a hikashop setting - I'm not familiar with Hikashop so where that is in the configuration I'm not sure I'm afraid

Cheers
Paul

Dear Paul,

Thanks for your advice and great how fast you reacts!

With the first css adjustment I mean the gray block from this picture.

(I put a red cirkel around it to make it more clearly)

Still can't find the css part to remove or recolor it... :
Maybe I need to add some css code? Do you know which?

Regards,
Fedor

ah sorry

try instead adding

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {background-color: transparent; background-image:none}

It's this style for the hover

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: rgba(65,65,65,0.174);
background-image: -moz-linear-gradient(top,rgba(70,70,70,0.87),rgba(57,57,57,0.87));
background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(70,70,70,0.87)),to(rgba(57,57,57,0.87)));
background-image: -webkit-linear-gradient(top,rgba(70,70,70,0.87),rgba(57,57,57,0.87));
background-image: -o-linear-gradient(top,rgba(70,70,70,0.87),rgba(57,57,57,0.87));
background-image: linear-gradient(to bottom,rgba(70,70,70,0.87),rgba(57,57,57,0.87));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd464646', endColorstr='#dd393939', GradientType=0);
}

that is applying