Remove roll-over effetc breadcrumb

GK User
Mon Jan 23, 2012 4:42 pm
Dear Sirs,
How can I remove the roll-over effect in breadcrumbs module (in "breadcrumb" position).
Thank you so much
User avatar
Senior Boarder

teitbite
Mon Jan 23, 2012 9:37 pm
Hi

Please add this code to css:

Code: Select all
#gkBreadcrumb {
    width: 80%;
}

#gkBreadcrumb .breadcrumbs {
    margin: 0;
    opacity: 1;
}
User avatar
Moderator

GK User
Tue Jan 24, 2012 9:42 am
Thank you for your reply.
But in wich file should I add that code?
Thank you
User avatar
Senior Boarder

Konrad M
Tue Jan 24, 2012 9:45 am
Put it in to override.css and remember to enable override.css option in template settings.
User avatar

GK User
Tue Jan 24, 2012 9:54 am
I tried but it doesn't work.
Please help me.
The roll-over continue...
User avatar
Senior Boarder

Konrad M
Tue Jan 24, 2012 9:55 am
Can you give me url to your site ?
User avatar

GK User
Tue Jan 24, 2012 10:41 am
Unfrotunaly my web site is in local.
But you can see the same effect in this link: http://demo.gavick.com/joomla15/jul2011 ... Itemid=187
If you pass over "home button" (under the main menu) it compares the rest of breadcrumbs.
I would like all breadcrumbs already visible.
Thank you
User avatar
Senior Boarder

Konrad M
Tue Jan 24, 2012 1:26 pm
Try add to override.css
Code: Select all
ul:hover li a.pathway {
color:#000 !important;}

and remember to enable override.css option in template settings
User avatar

teitbite
Tue Jan 24, 2012 2:37 pm
teitbite wrote:Hi

Please add this code to css:

Code: Select all
#gkBreadcrumb {
    width: 80%;
}

#gkBreadcrumb .breadcrumbs {
    margin: 0;
    opacity: 1;
}


Hi

The above code is working for sure. I've already helped a different user with this. Please maby add !important rule at the end of every line. Please also check if css compression of caching is disabled because this new code may not be used because of processing older files.
User avatar
Moderator

GK User
Tue Jan 24, 2012 8:35 pm
teitbite wrote:
teitbite wrote:Hi

Please add this code to css:

Code: Select all
#gkBreadcrumb {
    width: 80%;
}

#gkBreadcrumb .breadcrumbs {
    margin: 0;
    opacity: 1;
}


Hi

The above code is working for sure. I've already helped a different user with this. Please maby add !important rule at the end of every line. Please also check if css compression of caching is disabled because this new code may not be used because of processing older files.



Dear Sirs,
thank you for you support but I tried it and it doesn't work.
I tried to add !important rile at the end of every line and also I have disabled css compression.
But the breadcrumb is always roll-over with the mouse.
Please help me.

P.S.: I have add that code in override.css is correct right?
User avatar
Senior Boarder

GK User
Tue Jan 24, 2012 8:44 pm
Konrad M wrote:Try add to override.css
Code: Select all
ul:hover li a.pathway {
color:#000 !important;}

and remember to enable override.css option in template settings


Dear Sir,
I tried to add this code but it doesn't work...
The roll-over with the mouse is present.
Please help me.
Thank you
User avatar
Senior Boarder

Konrad M
Wed Jan 25, 2012 9:49 am
Can you explain little more what do you want to achieve, maybe it was some misunderstood ?
User avatar

GK User
Wed Jan 25, 2012 4:15 pm
Of course.
For example if you go here http://demo.gavick.com/joomla15/jul2011 ... Itemid=187 in the breadcrumb position compare the home button. If you go there with the mouse, compare the route (Home»3rd party extensions»K2»Categories»Health»Yoga is an excellent way to relieve stress). If you go out with the mouse it disappears.
I would like to see the complete route (breadcrumbs) always and not only when you pass with the mouse over.
I hope to be more clear.
Thank you.
User avatar
Senior Boarder

GK User
Sun Jan 29, 2012 7:02 pm
I have also tried this.
I want to show the path all the time, not only when I do the "mouse over". One reason is that I have added a clock after the path.
Here is how my override.css is today.

#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/* HERE YOU CAN PUT YOUR OWN CSS RULES */

ul:hover li a.pathway {
color:#000 !important;}

#gkBreadcrumb {
width: 80%;
}

#gkBreadcrumb .breadcrumbs {
margin: 0;
opacity: 1;
}

Is this correct?
User avatar
Expert Boarder


cron