add a short description before "Check out my hot works"

Hi,
To introduce "Check out my hot works", I'd like to display a short description before the pictures.
Is there a way to do that ? I tried to add a description text to the K2 category but I didn't find how to display it
Thanks

I'm afraid there is no styling for such description so you would need to add it by yourself.

Hi Cyberek, thanks for your reply.
My aim is not to add a description for each picture but only an introduction text for the whole category (A line before the pictures)
I can do that directly in the php code, but the website manager won't be able to edit the text.
I thought I could do that with the K2 category description, but it is not displayed (category description is active in K2 config).
Bad luck.

The whole element is generated by NSP module, and it doesn't have such functionality .

Hi,
I post here the tip to display a short message before pictures in NSP portfolios elements
This message is the same for every elements. My aim was to display "click on the images for details"
because many users stood without clicking on the pictures, so the content was not seen.

add this code into Override.css (assume that override is enabled in the template configuration)
replace the text and color of the font as you want

Code: Select all

// if you want to insert a text before the images
.gkNspPM-Portfolio2 .gkImagesWrapper::before {
    clear: both;
    color: #000;
    content: "what you want to display before the k2 portfolios images - example : Click on the image for details";
    display: table;
}
.gkPortfolioPopup.activated.active::before {
    content: "what you want to display before the k2 element image";
    color: #000;
}
// if you want to insert a text after the images
.gkNspPM-Portfolio2 .gkImagesWrapper::after {
    clear: both;
    color: #000;
    content: "what you want to display AFTER the k2 portfolios images";
    display: table;
}
.gkPortfolioPopup.activated.active::after {
    content: "what you want to display AFTER the k2 element image";
    color: #000;
}


Interesting idea. Thanks for sharing.