Removing overlay from image menu items

  • Resolved Tracy

    (@tracycoach)


    7 years, 4 months ago

    Hi there, quick q – how do I remove the coloured image overlay (<div class=“image_menu_overlay”></div> = $0) from image menu items? I like the feature – just want to temporarily remove it to screen grab the on-hover version to create an image with the text overlay for using on social media etc.

    My site’s here.

    Thanks as always, hope you’re all well! ??

    Tracy

Viewing 7 replies - 1 through 7 (of 7 total)
  • hannah

    (@hannahritner)

    Hi Tracy,
    Sorry for the delay. Try adding this to your custom css box in theme options:

    .image_menu_overlay {
    background: transparent;
}

    Hope that helps!

    Hannah

    Thread Starter Tracy

    (@tracycoach)

    Perfect Hannah, thanks! (Plenty quick enough response for a weekend too! ?? )

    Thread Starter Tracy

    (@tracycoach)

    Actually Hannah, I used that and got my screen shots, then removed it – but now I’m noticing one of the frames (‘Career Coaching’) is the same colour as the background colour, whereas the rest of them are white. Could you take a wee look for me please? https://tracydempsey.co, and here’s a screenshot.

    Thank-you!

    • This reply was modified 7 years, 4 months ago by Tracy.
    hannah

    (@hannahritner)

    Hmm, I’m not seeing that. What browser are you using? Have you cleared your cache?

    Hannah

    Thread Starter Tracy

    (@tracycoach)

    It’s in Safari – and sorry, I should’ve cleared caches/checked another browser before posting! It’s fine in Firefox, but I’ve cleared caches via Develop/Empty Caches in Safari but am still seeing it. Do I need to clear within WordPress itself?

    Thread Starter Tracy

    (@tracycoach)

    Update:

    – I also emptied all caches with W3 Total Cache and am still seeing the teal frame on that one image, on Safari on my MacBook.
    – Even before clearing caches, however, the image was showing correctly with a white frame on Safari on my iPhone.
    – Bizarrely, if I click on Develop/Show Page Source in Safari, and then click on that image, then move the mouse back over the develop pane, the frame changes colour to white. But when I refresh the page, it’s teal again? :/

    • This reply was modified 7 years, 4 months ago by Tracy.
    hannah

    (@hannahritner)

    Have you also cleared your browser cache? I just viewed from safari and from an iphone and am seeing the white frame on all.

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Removing overlay from image menu items’ is closed to new replies.