Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 5, 2024 at 4:34 pm #1442356
    JPGlobal

    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”

    May 5, 2024 at 7:28 pm #1442376
    Mike

    Hey Jody,
    Please link to your page so we can examine, I’m not able to reproduce your situation.

    Best regards,
    Mike

    May 6, 2024 at 4:22 pm #1442447
    JPGlobal

    Hi 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/#clearwater

    View 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,
    Jody

    May 6, 2024 at 5:45 pm #1442456
    Rikard

    Hi,

    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,
    Rikard

    May 6, 2024 at 6:29 pm #1442463
    JPGlobal

    The 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.

    May 6, 2024 at 6:44 pm #1442466
    Mike

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.