[ShleezyParticipant]

Hi,
first of all-thanks for this cool wordpress-theme.
Somehow, I’ve managed to create my site without any proffessional help-until now.
There is some problems which I cannot solve.
Problem 1:
When I hover over the images they become transparent and there is a quick destructing zoom effect happening.
I would like the images not to change their opacity. This works when I change the image style to “thumb” but than I get a thick border around the image which I can not remove.
Problem 2:
While displaying the images in the responsive lightbox – there is also a thick border around the images. How can I remove it?

http://www.3dhit.de/images/
WordPress 3.9.11
I am using X: Child Theme: Integrity Dark
X Version: 2.2.0

[ZeshanMember]

Hi Shleezy,

Thanks for writing in!

#1: You can disable the hover effect by using following CSS code under Custom > CSS in the Customizer:

a.x-img:not(.x-img-thumbnail):hover {
  opacity: 1;
}

#2: You can remove that by using following CSS code:

.ilightbox-holder.light {
  padding: 0;
}

Hope this helps. 🙂

Thank you!

[ShleezyParticipant]

It simply worked-thank you for this great support.

[ZeshanMember]

You’re most welcome! 🙂

[Author]

Posts