NSP GK5 - PORTFOLIO changes

Hi

http://samotury.ru/#gkBottom1-7

Need some changes at NSP GK5 - PORTFOLIO:
1. How to change link-picture to another when you hover the mouse cursor?
2. How to change fill-color to another when you hover the mouse cursor?
3. How to add fill-color transparency when you hover the mouse cursor?
4. How to leave only link-picture without any fill-color when you hover the mouse cursor?

Thanks in advance

Hi

1. Use this css:

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span:before {
content: "\ffffff";
}


the value for content You will get from font awsome icons list http://fortawesome.github.io/Font-Awesome/icons/

2. With this code:

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span {
    background: none repeat scroll 0 0 #7484ff;
}


3. Same code, just one line more:

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span {
    background: none repeat scroll 0 0 #7484ff;
    opacity: 0.8;
}


4.

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay {
display: none;
}


I need icon-shopping-cart

what do you meen? How I must write it to content?
CODE: SELECT ALL
.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span:before {
content: "\ffffff";
}
the value for content You will get from font awsome icons list http://fortawesome.github.io/Font-Awesome/icons/

Hi

A css code with a proper shopping cart icon will be this:

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span:before {
content: "\f07a";
}


And where I can find this content code at http://fortawesome.github.io/Font-Awesome/icons/ ???

Each icon has it under the examples. Please take a look at the image.

Almost OK... Still have a little bottom margin... ~15px...

Please replace the last code with:

Code: Select all

.customgrey p {
    line-height: 0;
    margin: 0;
}