Matthew, might be worth trying to clear your browser cache for the images to update… I assume you are on the version where its only 2 images, right?
Mr Papa said
Duke Let, No I am afraid its one icon fits all… we dont have a separate way to specify an home icon from the other separator icon… but its not a bad idea… I will open a ticket and can maybe even get it into the release coming up in couple weeks…
Cool, thanks for the quick reply. I’m just getting over-picky at this point anyway, i think lol
ticket open… probably a 10 minute code change… like the idea… should make new version unless testing proves problematic…
Mr Papa said
Matthew, might be worth trying to clear your browser cache for the images to update… I assume you are on the version where its only 2 images, right?
Yes just 2 images, cleared the cache but it still makes the weird don’t know what it could be. Its a rolling effect
It sounds like the CSS hover position is not correct. Check the a:hover CSS px If you can do with Firebug (hover mode) you can adjust it on the fly and then see exactly where it needs to be.
Brandon C said
It sounds like the CSS hover position is not correct. Check the a:hover CSS px If you can do with Firebug (hover mode) you can adjust it on the fly and then see exactly where it needs to be.
Which one?
You said you are using 2 images now, like here, right?
Which one, or is it both, that you have the problem with? My guess would be the combined image is the one that you are having problems with. That one is the one shows for all of the breadcrumbs but the last rounded one That would be #BreadcrumbPosition3 to #BreadcrumbPosition5. Ours are set here to -38px
The px setting is under the :hover CSS not the regular CSS. This line:
url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent
Your theme might be a little different but around -38px is a good place to start.
Anyway I can see it? A quick look and I should be able to tell what is going on and see what needs changed.
Brandon C said
Anyway I can see it? A quick look and I should be able to tell what is going on and see what needs changed.
Kinda embarrassed of unfinished work, I plan on showcasing my forum in the showcase thread once it’s complete. Can I copy and paste the code for you to look at?
I would be glad to take a look but the issue is more than likely a position or padding setting when hovering. Without knowing exactly what is moving & how far I would just be guessing on what to change. There could also be a CSS leakage issue from the WP theme causing a problem which I couldn’t see.
We can take off line if you wish and you can contact me via PM.
Okay, I tested it in the twenty-eleven theme and it works fine. Now that I’ve figured out that it’s the theme which is causing the strange behavior, is there a way to make the middle tabs behave like the last rounded tab. Meaning only the link changes color upon hover?
If you are using the same setup as here, in the spfunctions file then each breadcrumb has it’s own CSS ID. BreadcrumbPosition5, BreadcrumbPosition4.. etc.
If you want to change the link color in any of them you can edit the color:
under #spMainContainer #BreadcrumbPositionX:hover the ‘X” being the breadcrumb you want to change enter the color you want the link text to change to.
If you want to change the color of the arrow itself when hovered that would require editing the image file and making the bottom colored arrow the hover color you want.
Understood, but I’m talking about the the “light to dark” function of arrow using maybe one background arrow instead of the “combined”. Would that maybe do the trick?