Have a border arround the NSP image

Hi
With News Show pro, is it possible to have a border that goes around the image and the link text. The red lines in the example attached. Thanks Craig
http://medialounge.co.za/bushways/bways ... ard-safari
On the right hand side of the page there are thumbnails and text links, I would like each one to have its own box/border around it.

Hi,
please add suffix to this NSP GK4. For example " myborder". Remember about white space before suffix name. Then please add to override.css

Code: Select all

.myborder .nspArt > div {
border: 1px solid #e2e2e2;
}


and set your own color value. Remember to enable override.css option in template settings.

Thanks Konrad!!

Hi Konrad
Thanks for the code, is it possible to have a space between each block as the block now tocuh each other? It also shows a double border one for the module and one for each block....
Thanks again
Craig
http://medialounge.co.za/bushways/bways ... ard-safari

Change code I gave you to this one:

Code: Select all

.myborder .nspArt > div {
border: 1px solid #e2e2e2;
margin-bottom:20px;
}


and increase or decrease margin value to fit your needs.

Perfect Thank you!! last question, is there a way to remove the double border, there is one that goes around the entire GK4 module and the border around the individual block within the module.
Thanks
Craig

Please give me link directly to page with this nsp.

the link: http://medialounge.co.za/bushways/bways ... ard-safari

On the page, the right hand column, you see a couple of boxes "Leopard Safari – 17 days" there is a border around the thumbnail and text link and then there is another border around all the different safaris. This outer border around all of the safaris is the border I want to remove.
Thanks again for all your help.

Please add to override.css

Code: Select all

.myborder div.content {
border: none !important;
}


Konrad – Thank you all working! Appreciate all your help!
Regards
Craig

Hi Konrad, I need help with the same module. all the info you gave me is working 100% – Thank you.
When the images show up on the pages, and the mouse is over the thumbnail, the border of the thumbnail changes colour, how do I change just the border of the thumbnail colour?
Thanks again
Craig

Please try add this to override.css:

Code: Select all

.myborder a:hover .nspImage {
    background: none !important;
}


Thank you!! you have been an awesome help, I really appreciate it!!
Thanks again
Craig