Replace mouseover "+" in portfolio II with "Article-Title"

Hey guys!

I am working on a page with your NEWS PRO GK5 module - everything "sexy" so far.
When hovering the images, there appears a nice "+" in PORTFOLIO II mode.

Any ideas how I can replace this "+" with the article-title?

http://www.cool-o-mat.com/rtn-touring/-02/


Thank you very much for your perfect support in advance!

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.gkNspPM-Portfolio2 .gkImagesWrapper > a::before {
content: "+";
}


and then just remember to enable "Use override CSS" option in template advanced settings tab. You can replace this content property "+" by your own different symbol or text.

Thank you - unfortunately I do not use a gavick-template on this page.
So I will have to adjust that in the original CSS file - no problem so far.

Any last info needed:
What do I have to put into the code instead if "+" to be able to load the article-title of each article into the module instead of the "+"?

Please use

Code: Select all

.gkNspPM-Portfolio2 .gkImagesWrapper > a::before {
content: attr(title);   
}

Yeah - worked brillant.
Thynk you very much!

I added your code to modules/mod_news_pro_gk5/portal_modes/portfolio2/stlye.css
plus adjusted the font-sizes a bit (64 was a bit too huge to display more than one character). Search for this code:

Code: Select all

.gkNspPM-Portfolio2 .gkImagesWrapper > a:before {
   color: #fff;
   content: "+";   
   font-size: 20px;
   height: 64px;
   left: 50%;
   line-height: 21px;
   margin: -20px 0 0 -38px;
   opacity: 0;
   position: absolute;
   text-align: center;
   top: 60%;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   width: 64px;
   z-index: 2;
}


My advise is to move your code to override.css (if you use one of GavickPro templates) because then after NSP update you will loose this changes.

This helped, but when I override the code in the override.css, I get the result you see in the attachement.

Title overlay.jpg

The title is mixed up with Symbols, even though the Titel just says "Transylvania". Als it is centered vertical and going under the thumbnals below the actual one. This happens to all titeles.

What is the mistake?

Thank you,
Martin