How to change product gallery text?

Hello,

Been searching around docs and forum but couldn't find answer. Using NSP Product Gallery on page (http://web.ear-trumpet.net/index.php?op ... Itemid=104)

I'd like to change a) title text align to middle b) text/pic on hover over.

Used firebug to see where style is coming from, style.css in modules>news show pro, but can't find any reference to the text or the image for the hover.

Thanks in advance, N

Hi Nicol,

About first question "title text align to middle" - ready solution:

Code: Select all

.gkNspPM-ProductGallery .gkImage h4 { text-align: center; }

of course use this tip: http://www.gavick.com/documentation/joo ... -template/

About "MOD_NEWS_PRO_GK5_NSP_MORE_DETAILS" - hmm I don't know why you see it.
It means that we have bug - upsss

To fix it use attached to this topic file instead default --- language/en-GB/en-GB.mod_news_pro_gk5.ini

this phrase you will find in line 43

Code: Select all

MOD_NEWS_PRO_GK5_NSP_MORE_DETAILS="More details"

Thanks, now we have to fix it as soon as possible

That's great. Thanks for help. Much appreciated.

a) works fine. For some reason I thought it'd be different within NSP module. b) Thanks for the file. That worked. But the text 'more details' is now at the top of the gkImgOverlay (circle). Rather than centered.

I've changed style.css line 200 with text-align: center. Which is fine. But I'd like to move the text to the centre of the image. Everytime I change elements (such as top: -5px) within :

.gkNspPM-ProductGallery .gkImage .gkImgOverlay {

It's obviously moving the whole image and not just text. Suggestions?

Cheers, N

Because "More details" phrase is inside <p>...</p> so you have to use this tag in css also.

This is my code, use it -- now it should be beautiful :

Code: Select all

.gkMoreDetails > p {
    padding-top: 40px;
    text-align: center;
}

It does look beautiful! Bardzo piękny! Thanks a bunch.