Classy Magazine – gradient

Posted in: Newspaper
Post count: 4

Hi,

I was wondering if anyone could help me remove the gradient from the feature images inside blog posts? for the custom Classy Magazine posts.

Post count: 35449

Hi,

If I understand correctly you want to remove the gradient from feature image, if is so maybe this custom css will help you , if not please provide a link were I can inspect the problem, in this way I can provide you the right custom css
https://www.screencast.com/t/gIPSmxikw7K
.single .tdc-content-wrap ::after {
background-color: transparent;
}

Please add the code in Newspaper>Theme panel>Custom code>Custom css

Hope this will help you!
Thanks.

Post count: 4

Sorry for the delayed response, I was looking to remove the gradient from the red bar in the middle where the text goes.

Regards

Post count: 35449

Hi,

Please try this custom css ->
.single .tdb_single_bg_featured_image::after{
background: transparent;
}

https://www.screencast.com/t/w9MwMRY45h

Hope this will help you!
Thanks.

Post count: 4

Hi,

I am after removing the gradient from this section

http://i63.tinypic.com/ight7l.png

and would also like to change the colour of the red block to the following: RBG: #C5000

Post count: 35449

Hi,

For that you need to use this custom css -> https://www.screencast.com/t/HNc5WvCCha
.single .td-element-style::after{
background: linear-gradient(30deg,#ff2d26,#ff2d26)!important;
// background: red!important;
}

-> https://www.screencast.com/t/LfBUhSK7

Hope this is what you need!

Post count: 4

Thank you for the above, I have changed the

.single .td-element-style::after{
background: linear-gradient(30deg,#ff2d26,#ff2d26)!important;
// background: red!important;
}

to

.single .td-element-style::after{
background: linear-gradient(30deg,#ff2d26,#ff2d26)!important;
// background: #C50000!important;
}

and nothing happens? It just stays the same red as before, I have also tried other RBG colours and it still stays the same red? the gradient filter is now gone though 🙂

  • This reply was modified 7 years by dmurray10.
Post count: 35449

Hi,

Please try this ->
https://www.screencast.com/t/zQCncEbG
Note that the tow ‘//’ means that that code is comment and is not apply ( in that example are tow ways to achieve that ) -> https://www.screencast.com/t/CLb2XqHEq0

Thank you!

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