White shade instead of black shade over photos

Posted in: Newspaper
Post count: 22

Hi everyone of tagdiv,

is there a chance to replace the black/grey shade on most boxes and grids with a white shade – so everything will look a bit more friendly and will remove the intensive colors from a few photos?

The solution totally to remove these photos is good – but white or any other light color will be perfect…

Can you give me the CSS codes on how to change these shades.

How to replace black shade with white shade...

Post count: 22421

Hello,
I have checked your website and saw that you already figured out the solution for removing the gradient. Every big grid has 5 styles to it. You can chose a different style that does not have this gradient: http://screencast.com/t/mUt1KxVmEOzr
You can see these styles live on our demo here: http://demo.tagdiv.com/newspaper/big-grid-1/
Thank you!

Post count: 22

Hi Bogdan,

thanks, that solution I know – but the reason why thinking about a white gradient is simple – we want to make all photos on the starting page (and post page) a bit more friendly and less colorful…

Removing the gradient was just an emergency-solution and selecting the different 5 styles is nice – but not perfect, as we wanted to edit the photos with this style…

When you look on the black shades marked with an red arrow it is nice – but makes the pictures darker – we need the opposite – to make the photos lighter…

Hope you better understand now our problem…

Shade5 is a solution – but black… and we need it in white – or better a combination of Shade4+white gradient…

Thank you so much…

Post count: 22421

Hello,

I understand your request now, You can change the gradient colors using css and if you want a white gradient you can can use this code:

.td-big-grid-wrapper .td-module-thumb a:last-child:before{
background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.7) 100%);
}

This will be the initial result: http://screencast.com/t/TI94kQA0cwh
You can change the 2 colors in the code for different results. You can use the color selector here to pick the color and transparency: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

I hope this helps.
Thank you!

Post count: 22

Hi Bogdan,

thank you – when I look on your example at screencast.com it is the right way and the thing I was looking for – but adding the code to my Custom CSS it won’t work…

You can take a look at http://www.pureglam.tv and nothing happened. I will need the code working for…

BigGrid7, Slide, Block11, BigGrid2, BigGrid5, Block15, Block19, BigGrid6, BigGridSlide

Thank you so much…

Post count: 22421

Hi,
You will have to switch your grids to style 1 if the code is going to work. Please do so and let us know if it still will not do the trick.
Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.