Rich-text Reply

Edit elements beneath Iframe

jewsbur0 08-29-16
Accepted Solution

Edit elements beneath Iframe

Hi,

 

I'm trying to edit buttons that are "beneath" an Iframe in a header.

 

This is the page in question http://en.business.skyscanner.net/en-gb/products/white-label/

 

You can see that we have a video playing in an iframe and there are CTA buttons there too. When I try to edit the buttons in optimisely, I can't seem to do so without completely removing the iframe which is not what I'm wanting to do. 

 

Any help would be great!

 

Cheers

Level 2

CouchPsycho 08-29-16
 

Re: Edit elements beneath Iframe

[ Edited ]

Hi,

 

try to add this in your Code-Editor at the bottom of the editor window:

 

jQuery("div[data-collection-id=569f007e69a91a10688dcddf] p a:eq(0)").html("new Text 1");
jQuery("div[data-collection-id=569f007e69a91a10688dcddf] p a:eq(1)").html("new Text 2");
jQuery("div[data-collection-id=569f007e69a91a10688dcddf] p a:eq(2)").html("new Text 3");

add replace the "new Text 1"... with your desired Values...

 

Kind regards

 

Michael




"the essence of the creative act is to see the familiar as strange." (anonymous)
jewsbur0 08-29-16
 

Re: Edit elements beneath Iframe

Hi,

Thanks for the quick response!

Do you know what would need to be done to completely remove one of the buttons?

Thanks!
Level 2
CouchPsycho 08-29-16
 

Re: Edit elements beneath Iframe

Hi,

 

replace:

 

.html("new Text 3");

 

 

with:

 

.css({"display":"none"});

 

 

Kind regards

 

Michael




"the essence of the creative act is to see the familiar as strange." (anonymous)
jewsbur0 08-29-16
 

Re: Edit elements beneath Iframe

Thanks that worked perfect!
Level 2