Block 14 title contrast

Posted in: Newsmag
Post count: 44

Hello,
Can you tell me how to increase the contrast for the titles on Block 14?
http://www.good-life.ro/shopper (password goodlife!23)
in the bottom of the page i have block 14 but the titles on the pictures have no contrast.

Post count: 22421

Hi,
You can use a bit of custom CSS to make it more visible:
.td_block_14 .td_module_mx1 .entry-title{
text-shadow: -1px -1px 0 rgba(130, 132, 130, 0.75), 1px -1px 0 #615D5D, -1px 1px 0 #5D5B5B, 1px 1px 0 #636262;}

result: http://screencast.com/t/umTSeNEy
Thanks.

Post count: 44

Hello Bogdan,
thank you for your answer but it’s not i want.
i would like to remove the current gradient that’s on top of the pictures.
Instead i would like to put a transparent color (of my choosing) on top of each picture.
something like i did for the big grid 7 below:

http://www.screencast.com/users/XEO4844/folders/GoodLife/media/35724fb3-7d87-46d8-93ba-5653764ead56

Maybe even the effect for the mouse over that i have in this big grid 7: the red background.

thank you.

Post count: 6535

Hi

Try this css: http://screencast.com/t/NwMo99oq9C

.td_block_14 .td_module_mx1 .td-module-thumb a:last-child:before{
height: 100%;
background: none;
background-color: red;
opacity: 0.3
}
.td_block_14 .td_module_mx1:hover .td-module-thumb a:after {
content: '';
width: 100%;
height: 100%;
background-color: blue;
display: block;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.3;
}

You can change the opacity value and the background color as you like.

Thanks!

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