Block 14 – Grid Style 4

Posted in: Newspaper
Post count: 84
Mark
#54801
Jun 19, 2015 at 9:09 pm

Is it possible to have Block 14 have the same style affects that the Big Grid images have?

I think it would look sharp to change that. Right now the font color for that is white and I cannot read the post title since most of my images are majority white.

– Thanks

Post count: 3343
Marius
#55000
Jun 20, 2015 at 1:26 pm

Hi,

Here is an example with Block 14 with complete white images and you will see that the text have a black gradient to make the text visible. http://screencast.com/t/WpROkqaZWNE5

If you want more darker you can apply a transparent black on entire module to make the text more visible. Use this CSS and adjust the opacity like you want, that value 0.3 from background-color:

.td_block_14 .td_module_mx1 .td-module-thumb:before {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: rgba(0,0,0,0.3);
z-index: 0;
position: absolute;
top: 0;
}

result: http://screencast.com/t/q7BwGeD1

Thanks for the message!

Post count: 84
Mark
#55254
Jun 22, 2015 at 6:53 am

@Marius,

You can see here: http://i.imgur.com/XNWaezW.jpg

I had recently asked another mod about removing the black/dim on the pictures. But now that I did that the title of the article no longer appears since the images are mainly white and the font color of the title is white.

Post count: 7909
Alin [tagDiv]
#55444
Jun 22, 2015 at 5:11 pm

Hi,

Please try this custom css to add a background color to the article title on block 14 – http://screencast.com/t/xxSJ1fWLrGxj

.td_block_14 .td_module_mx1 .entry-title {
background-color: rgba(77, 178, 236, 0.7);
}

Thanks!

Post count: 84
Mark
#55487
Jun 22, 2015 at 7:53 pm

Awesome! That worked perfectly!

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.