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

Hello 12Switch!

You are not using Enfold.

I’m sorry but I don’t see the grey widget. Can you please post a screenshot ?

Cheers!
Ismael

Hi stunna42!

Please add this on your custom.css or Quick CSS:

.search .post-meta-infos {
position: relative;
left: 20px;
}

.search h2.post-title.entry-title {
padding-left: 60px;
}

.search-result-counter {
position: relative;
left: 0;
top: 1px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
height: 44px;
line-height: 24px;
padding: 10px;
text-align: center;
border-radius: 100px;
width: 44px;
float: left;
}

Best regards,
Ismael

Hey colorit2!

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

#top #menu-item-search {
top: -75px;
}

#header_main {
position: relative;
z-index: 9999;
}

Cheers!
Ismael

Hello andreanapier1985!

The responsive stops on mobile view if I’m correct. Please add this on your custom.css or Quick CSS:

@media only screen and (max-width: 767px) {
#wrapper {
width: 460px;
margin: 0 auto;
}

.opl-canvas {
overflow: hidden;
width: 500px;
}
}

Cheers!
Ismael

Hello Michae1!

Can you give us a link to the website? A screenshot will help.

Cheers!
Ismael

Hey!

Yeah, I did experience the issue. When I add any shortocodes using the shortcode wand then add the “Tab” element, all existing shortcode disappear. I’m not sure what is wrong. Let’s wait for Dude and Kriesi to test this issue.

Regards,
Ismael

Hi!

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

.main_color.container_wrap.sidebar_right .container {
margin: 0 20px;
}

Cheers!
Ismael

Hello!

You can just add the link http://otsecure.net/techserv/wp-login.php. You can also create a page then add this code:

http://pastebin.com/EMS5Ze9G

Change the “http://yourdomain.com” to your site’s url. You can then use this page’s link as login/logout page.

Cheers!
Ismael

Hello!

Can you please apply the LayerSlider that you want to show on the search result page? Attach it to a page then give us a link to it. We can copy the html code and attach it directly on loop-search.php.

Cheers!
Ismael

Hey MHM!

It should be there by now. Please download Enfold 2.3 then update the theme again. Remove browser cache then reload the page. Go to Enfold > Theme Options. Below, the Import dummy data, you’ll see a blue button which says “Import Parent Theme Settings”.

Regards,
Ismael

Hey!

Add the “avia-font-entypo-fontello” selector.

<a href="http://google.com" class="avia-font-entypo-fontello">✎</a>

Refer to this link for entypo characters code: http://www.entypo.com/characters/

Best regards,
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

Hey DarrenJessee!

Just add this on your custom.css or Quick CSS:

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display: block !important; }
}

Best regards,
Ismael

Hello!

1.) It doesn’t matter if you set it as Shop Base Page. It will work like a normal shop page.

2.) You can’t add a layerslider on a single product page.

Best regards,
Ismael