Hi,
I have modified shoppica_information_menu.tpl so that in the menu bar (the one with the home symbol in) I have links to ‘information’ and ‘contact us’ but also .png icons linking to facebook and twitter.
These are working fine except the black box hover effect is working on them making a black rectangle appear behind them when you hover.
Is there any way to remove this effect from just these two links and not all the rest of them?
Thanks
|
|
Ok so I don’t quite know what I did but suddenly the hover effect completely stopped working and I wasn’t even trying to solve it at the time. Very strange (could it be linked with my other post about the missing “added to cart” pop-up?).
Anyhow, in trying to get it back I managed to locate the #categories section of catalog/view/themes/shoppica/stylesheet/screen.css and after this part:
#categories > ul > li > a {
padding: 0 10px;
letter-spacing: -1px;
font-size: 16px;
font-family: “Ubuntu Regular”, sans-serif;
}
I added the following code:
#categories > ul > li > a:hover {
background: #FFF;
color: #76bcb6;
}
#categories > ul > li > a:hover img {
opacity:0.5;
filter:alpha(opacity=50);
}
So now all the text links change from black to a green colour and the Facebook and Twitter icons change opacity.
Unfortunately the problem now is that the Home icon disappears when you hover over it.
Is there anyway of solving this? I thought maybe creating another coloured home icon image but I am not sure how to code the rollover effect to switch the images.
This is the site http://www.mallodesigns.com/
Thanks!!
|
|
Just found this http://support.themeburn.com/topic/remove-home-button
Have changed Home icon to text link now so problem solved.
|
|
Glad you’ve managed to solve this one
Will mark as resolved.
Best,
ThemeBurn team
|
|
Thanks and apologies for all the posts over the weekend, was getting myself in a bit of a mess with it all!
|
|