Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 5, 2018 at 3:15 pm #967259
    Cliffy

    Hi, I have an issue with using a code snippet to place a widget from another site onto my site.
    The widget from the Care Quality Commission website in the UK. It is a legal obligation that any organisation providing care in the UK has this widget on their website.
    The widget works fine, however, the widget includes an image and Enfold is picking this up and displaying the big arrow-in-a-circle Image link, but it displays it two inches above the widget container and is therefore on top of other content.
    It is much easier to see the example, please see private message below:

    June 6, 2018 at 11:55 am #967787
    Rikard

    Hey Heathcliffe,

    I can’t see the overlay in the widget on my end using Chrome, did you manage to get it working? If not then please post a screenshot of the problem and details on how to reproduce it.

    Best regards,
    Rikard

    June 6, 2018 at 4:35 pm #967938
    Cliffy

    Hey Rikard,

    Thanks for the quick reply. This is a strange one. If I open an Incognito Chrome Tab, I do not see the issue. I do however, see the issue with Internet Explorer 11 Version 11.0.9600.18537 and a normal Chrome Tab.
    My version of Chrome is – Version 66.0.3359.181 (Official Build) (64-bit)
    I have taken a screenshot so you can see it as I (and more importantly, my client) see it. https://imgur.com/a/vAujk7G
    Hope this helps,

    I have provided Admin Access below in private if this helps.

    Thanks man!

    June 7, 2018 at 9:46 am #968324
    Rikard

    Hi,

    If it’s not happening in an incognito window, then you are likely getting cached results in your regular tab. Did you try to clear the browser cache and reload the page (ctrl+r)? I’m on Mac so I can’t check IE unfortunately.

    Best regards,
    Rikard

    June 7, 2018 at 12:05 pm #968696
    Cliffy

    Yes. I tried this and I also cleared the server cache too.

    June 8, 2018 at 6:19 am #969949
    Rikard

    Hi,

    Thanks for the feedback. Though I still can’t reproduce this on my end using Chrome so I think it’s a local issue. Do you want me to ask someone to check in IE as well for you?

    Best regards,
    Rikard

    June 8, 2018 at 10:33 am #970032
    Cliffy

    Not sure what you mean by a local issue, unless you mean local to the person using a specific version of a specific browser?
    Yes please, any checks / solutions / suggestions / workarounds that you can come up with would be most helpful.
    Is it possible for example to isolate the code for the snippet and use some css to remove the circle-arrow link? (sorry I’m not good enough to do that).

    Much appreciated Rikard.

    June 10, 2018 at 3:27 am #970597
    Vinay

    Hi,

    The widget CSS is causing a conflict with the image overlay. I have added the below CSS in Enfold > General styling > Quick CSS to hide the image overlay.

    #top .overlay-type-extern.image-overlay .image-overlay-inside:before,
#top .overlay-type-extern.image-overlay .image-overlay-inside,
#top .image-overlay .image-overlay-inside,
#top .image-overlay .image-overlay-inside:before  {
    display: none!important;
    opacity: 0 !important;
    background:transparent!important;
}

    Best regards,
    Vinay

    June 12, 2018 at 12:17 am #971441
    Cliffy

    That’s awesome! Many thanks @Vinay, I really appreciate your help on this. You guys Rock!

    June 13, 2018 at 5:55 am #972048
    Rikard

    Hi,

    Great, glad Vinay could help you out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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