Support Forum
Support Forum
Offline
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.
Custom Simple Press Themes
Offline
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?
Offline
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 transparentYour theme might be a little different but around -38px is a good place to start.
Offline
Using "Combined" and "Arr2" and the settings above, still the same behavior.
Offline
Anyway I can see it? A quick look and I should be able to tell what is going on and see what needs changed.
Offline
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?
Offline
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.
Offline
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?
Offline
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.
All RSS1 Guest(s)