-
Posts
-
Inside a Color Section, I have a Partner/Logo Element. The logos are white on purple background.
When I add a link to the logo, the image has a white background, which hides the white logo.I’m not sure how to tag:
a:hover {
background-color: transparent;
}a class=”slide-image”
span-class=”av-partner-fake-img”Hey Jody,
Please link to your page so we can examine, I’m not able to reproduce your situation.Best regards,
MikeHi Mike,
I’ve created a User Account for you, info in Private Content. This is our site redesign, which will be transferred to it’s own domain once complete.Go to the Footer page, Partner/Logo Element
Here you will see that I’ve manually linked City of Clearwater Logo to: https://mwnfc.jpglobalmarketing.com/about-us/partners/#clearwaterView the website and you will see that City of Clearwater Logo has a white background because it is a link.
I would like to remove that white background for these links and add a colored image for the hover.Thank you,
JodyHi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#footer-page a:hover .image-overlay { display: none !important; }Best regards,
RikardThe PNG image is white with a transparent background. The only image with a link, has the entire background white. That means you cannot see the white PNG. If I remove the LINK, my image is visible.
The issue is in the INACTIVE state of the link.
The Quick CSS you provided did not change that.Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.main_color .avia-logo-element-container.avia-content-slider .slide-image { background: transparent; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
Mike
- You must be logged in to reply to this topic.