How to remove vague dark layer on the bottom of image preview

Posted in: Newsmag
Post count: 11
cronosalblog
#265834
Dec 7, 2018 at 12:23 pm

Hello, I really enjoyed and satisfied with Tagdiv’s Newsmag theme. However, I’m still annoyed with the image preview feature.

When you click on the image, you will see some sort of additional dark layer at the bottom of the image. I’m pretty sure this was added in order to make an image description can be seen. But my website doesn’t have any description for each image thus that layer isn’t necessary.

For more detail, here’s the actual image vs preview.

Actual Image
Preview

My website is https://vegaslide.com/

Thank you!
I hope someone here can help me

Post count: 20688
Simion C.
#265863
Dec 7, 2018 at 1:52 pm

Hi,

There is indeed a darker gradient applied to the bottom of the images
– http://prntscr.com/lrxj67
That would be to make the image caption more visible. I could give you a code to remove it
– http://prntscr.com/lrxk5d

Please enter this code in Theme panel->Custom code CSS section, and it should be removed

.mfp-figure:before {
display: none;
}

Thanks

Post count: 11
cronosalblog
#265874
Dec 7, 2018 at 2:27 pm

Thanks mate, it works really good as expected!

Post count: 11
cronosalblog
#265932
Dec 7, 2018 at 5:57 pm

Hello Simion, I think need your help (again).

I just realize that the left and right arrow of the image preview has been duplicated with a different shape (I think).

Here’s the screenshot
what is this?

Post count: 23312
Catalin
#266191
Dec 10, 2018 at 8:49 am

Hello,

Try the code below and place it in Theme panel -> Custom CSS.

The code is ->

.mfp-arrow-left:after,
.mfp-arrow-right:after {
display: none!important;
}
.mfp-arrow-right:before {
border-left:none;
}

Hope this helps!

Thanks for the message!

Post count: 11
cronosalblog
#266593
Dec 11, 2018 at 12:50 pm

Thank you, it works!

Have a great day!

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