Hi JochenBake!

Can you give us a link to the website please? Looks like it is using the NextGen Gallery which comes with its own lightbox plugin. You can disable the default prettyPhoto plugin of Enfold. Edit js > avia.js, find this code:

//activates the prettyphoto lightbox
		if($.fn.avia_activate_lightbox)
		$(container).avia_activate_lightbox();

Replace it with:

//activates the prettyphoto lightbox
		//if($.fn.avia_activate_lightbox)
		//$(container).avia_activate_lightbox();

Remove browser cache then reload the page a few times. Unfortunately, we can’t give you full support for third party plugins.

Cheers!
Ismael

Hey mattock!

You can add this on your custom.css or Quick CSS to move the icon upwards:

.image-overlay .image-overlay-inside:before {
line-height: 70px;
}

Adjust the line-height if necessary.

Cheers!
Ismael

Hello stephanusdekock!

Follow these steps:

1.) Create a page then switch to Advance Layout Builder.

2.) Insert the Text Block element. Configure the text block then switch to Text or HTML mode.

3.) Paste the Tableu Software code:

<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" style="width:654px; height:855px;"><noscript><a href="http://www.tableausoftware.com/public/gallery/making-pay-gap-look-good"><img alt=" " src="http://public.tableausoftware.com/static/images/Me/Medianpay-blog_2/Searchbysalary___/1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" width="654" height="855" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="site_root" value="" /><param name="name" value="Medianpay-blog_2/Searchbysalary___" /><param name="tabs" value="yes" /><param name="toolbar" value="yes" /><param name="static_image" value="http://public.tableausoftware.com/static/images/Me/Medianpay-blog_2/Searchbysalary___/1.png" /><param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div><div style="width:654px;height:22px;padding:0px 10px 0px 0px;color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;"><div style="float:right; padding-right:8px;"><a href="http://www.tableausoftware.com/public/about-tableau-products?ref=http://public.tableausoftware.com/views/Medianpay-blog_2/Searchbysalary___" target="_blank">Learn About Tableau</a></div></div>

This is what I have on my end:

Best regards,
Ismael

Hi!

You can add this on your custom.css or Quick CSS:

#header {
background-color: transparent;
background: url(https://westernstarbutter.staging.safecom.com.au/wp-content/uploads/christmas-ribbon-nav.png) no-repeat bottom center;
}

Cheers!
Ismael

Hello frankwelschlehmann!

You can add the rel=”noLightbox” on the anchor tag.

<a rel="noLightbox" href="LINK HERE">LINK</a>

Cheers!
Ismael

Hello mattb1169!

I checked the site on IE8, IE9 and IE10 and they are working fine. Did you turn on the compatibility view on IE10? Please turn it off.

Cheers!
Ismael

Hello mattb1169!

I checked the site on IE8, IE9 and IE10 and they are working fine. Did you turn on the compatibility view on IE10? Please turn it off.

Cheers!
Ismael

Hello!

Please add following code to Quick CSS

`.page-id-1336 .single_toggle { z-index: 999; }
#top .fullsize .template-blog .post .entry-content-wrapper { padding-left: 100px; }`

Best regards,
Yigit

EDIT: How should image in purple area be displayed?

• This reply was modified 12 years, 6 months ago by Yigit.

Hey!

Please add following code to Quick CSS in Enfold theme options

.avia-content-slider .slide-image img { height: 220px; }

Cheers!
Yigit

Hey zerozendesign!

1) You can remove overlay effect by adding following code to Quick CSS

.image-overlay { display: none!important; }

2) Please refer to this topic https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/

Best regards,
Yigit

Hello agarkitekter!

Please add following code to Quick CSS

.grid-image img { height: 191px; }

Regards,
Yigit