Transparent background

Is it possible to make the background of a headline transparent instead just black in the module for favourite news. Black but not transparent crops a thumbnail. I use the template ''News''

Hi

Please tell me the url to Your site and point to where You want this backgorund removed.

Hi
This is the site:
http://moskvagazeta.ru/

This is the point where I want to make a transparent background:


Thanks

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.box.header .nspImageWrapper h4,
.box.header .nspImageWrapper h4:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}


Thank you very much. It works. You are GREAT!!!

Please could you write a code which will make the background half-transparent?)))

Is it possible to make the bachground half-transparent? It's not a joke

Hi

I hope by half-transparent You mean just transparent, if Yes than try change last number in this code:

Code: Select all

.box.header .nspImageWrapper h4,
.box.header .nspImageWrapper h4:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}


If by half-transparen You mean a gradient than here You will find code generator: http://www.colorzilla.com/gradient-editor/

Yes I need the background but though it the part of photo must be seen. I have tried to change the numer in the code but as a result I have the background which is not transparent.

Thanks for the link. I suppose that I have found what I need.
Should I write this code instead yours?

Code: Select all

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

Thanks a lot. It works. If I had used dot instead comma everithing would be nice.

Hi

Exactly. A dot is to use part numbers and comma to separate elements.

Thanks. The second variant with gradient works too.