How to change blackness in Big Grid 3?

How to change blackness in Big Grid 3 using Grid style 4 Bottom box, please?

I want to decrease the blackness and create more transparency of the bottom box.

The site is up an running: NewsVoice.se

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/K1Fg4tNU32

.td-grid-style-4 .entry-title {
background-color: rgba(10, 1, 0, 0.40);
}

Thanks!

Thanks! It worked perfectly.

Can I ask another question in this thread related to this site or do I need to start a new thread?

Hi

Is best to start a new thread if the issue is not related with the subject of current topic.
Thanks!

Here is an additional question. How to increase the blacked area? as showed in the linked image file below.

http://media.newsvoice.se/2016/09/headlines-blacked-area.png

HI

You can’t increase only the black background, most that can be done is to move the title closer to the margin, like this: http://screencast.com/t/TQKufIWz3

.td-grid-style-1 .td-big-grid-meta{
margin: 0!important;
}

Thanks!

Ok thanks Andrei.

Another solution would be to create a slight shaddow beneath the titles. Is that possible with CSS?

HI

You can add a shadow under titles but this not fits very well for layout, however you can use this css it you want: http://screencast.com/t/yM0NHeoJZ

.td-big-grid-post .td-big-grid-meta {
-webkit-box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
}

Thanks!

Thanks Andrei. But what I meant was not a shaddow under the blackened box but only a shaddow under the text itself ie no black box shadow.

Hi

You can try this css but the shadow does not fit to well over the black background; http://screencast.com/t/qhBpkhC1aEhR

.td-big-grid-post .entry-title a {
box-shadow: inset 0 0 40px rgb(234, 234, 234);
}

Thanks!

Ok I meant the shaddow for the text not the box. Please have a look. I would prefer it like this:

http://media.newsvoice.se/2016/09/text-shaddow-example.png

HI

You can sue this code to apply a shadow for text but it will be visible only with a different background color for main container: http://screencast.com/t/ntsNOS2DAFUy

.td-big-grid-post .entry-title a {
text-shadow: -3px -1px 6px rgba(175, 168, 150, 1)!important;
}
.td-big-grid-post .td-meta-align {
background: red;
}

Thanks!