Removing Text Overlay from Featured Image

  • Resolved tedsilv

    (@tedsilv)


    5 years, 4 months ago

    Hi,

    Working on a site for a client and I’d like to either remove, or shift down, the text that overlays the event featured image, as seen in the example above.

    Any help would be appreciated.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Andras Guseo

    (@aguseo)

    Hey @tedsilv

    Thanks for reaching out!

    That overlay is coming from the theme you are using, so you will need to tweak your theme or do some css magic.

    Try this css snippet should move it below the image.

    .fusion-events-featured-image .fusion-events-single-title-content {
	position: relative;
}

    Hope this helps.
    Cheers,
    Andras

    I’m new to the forum and don’t know how to submit a new question. Can someone please assist me with this?

    tpedder

    (@tpedder)

    Hi Andras, I had a similar problem and your CSS snippet solved it on large screens however mobile view doesn’t change (the overlay and text cover the entire feature image) Any ideas on how to achieve the same result on mobile view?
    https://lovealittle1st.com.au/events/slug/2020-01-11/

    Also .. It would be great to know how to remove the ‘(SEE ALL)’ text / link too!!
    Thanks
    -Tim

    tpedder

    (@tpedder)

    Hi Andras, I had a similar problem and your CSS snippet solved it on large screens however mobile view doesn’t change (the overlay and text cover the entire feature image) Any ideas on how to achieve the same result on mobile view?

    https://lovealittle1st.com.au/events/slug/2020-01-11/

    Also .. It would be great to know how to remove the ‘(SEE ALL)’ text / link too!!
    Thanks
    -Tim

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing Text Overlay from Featured Image’ is closed to new replies.