Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Find elements in css

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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:

Schermafbeelding2015-11-19om15.13.04.png

I would like to transparant the gray box.

Schermafbeelding2015-11-19om15.13.33.png

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
  • Fedor's Avatar
  • Fedor
  • 12 Month basic
  • 18 posts
  • Karma: 0
Last Edit: 4 years 1 month ago by Fedor.
The administrator has disabled public write access.
Hi Fedor,

Can you disable the compression on the css in the template

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Dear Paul,

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

Regards,
Fedor
  • Fedor's Avatar
  • Fedor
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is the little icon you need to click

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

toggle.jpg
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Fedor
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
Schermafbeelding2015-11-19om15.13.04_2015-11-27-2.png

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

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

Regards,
Fedor
Attachments:
  • Fedor's Avatar
  • Fedor
  • 12 Month basic
  • 18 posts
  • Karma: 0
Last Edit: 4 years 1 month ago by Fedor.
The administrator has disabled public write access.
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}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers