Hi,
1: To fix the styling of the contact form in the light box, add the class “main_color” to the popup like this:

<div id="test-popup" class="white-popup mfp-hide main_color">
<p>PLACE CONTENT HERE</p>
</div>

This also fixes the styling of the success message.

2: The contact form shows the success message until the user leaves the page, thus refreshing the session cookie, because a real person would not stay on the same page sending multiple messages, a spam bot would though. The popup contact form behaves the same way, closing the box doesn’t refresh it, the session cookie is set until the page is refreshed.
I hope this explains the reason the success message preforms this way, and I would not recommend changing this function, but if you really wanted to the solution would be to add some javascript to refresh the page on popup close, which will refresh the whole page.

3: To prevent the page from scrolling while the popup is open, please add this code to the top of your code block element above your popup code:

<script>$(document).ready(function() {
$('.white-popup')
    .css('cursor', 'pointer')
    .click(function(e) {
        e.preventDefault();
        $('body').css('overflow', 'hidden');
    });
$('.mfp-close')
    .css('cursor', 'pointer')
    .click(function(e) {
        e.preventDefault();
        $('body').css('overflow', 'auto');
    });
});</script>

Best regards,
Mike

Hi,
Gracias, entiendo ahora. Consulte estas instrucciones: Cómo agregar íconos sociales personalizados a las opciones de Enfold
Verá que deberá descargar los íconos sociales que desee desde http://fontello.com/ e importarlos a Enfold Theme Options> Importar / Exportar> Iconfont Manager
y luego personaliza el código para que coincida con tus iconos. Esto puede ser un poco complicado, así que si encuentra que necesita ayuda, primero descargue los iconos y díganos cuáles está agregando, y enlace al archivo a través de Dropbox, e incluya un inicio de sesión de administrador en el área de contenido privado que podamos ayudar.

————-

Thank you, I understand now. Please see these instructions: How to add Custom Social Icons to Enfold options
You will see that you will need to download the social icons you want from http://fontello.com/ and import them to Enfold Theme Options > Import/Export > Iconfont Manager
and then customize the code to match your icons. This can be a little tricky, so if you find you need some help, please download the icons first and tell us which ones you are adding, and link to the file via dropbox, and include a admin login in the private content area we can assist.

Best regards,
Mike

Hey Andrii,
To create a lightbox popup for your contact form, first add this code to the end of your functions.php file in Appearance > Editor:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Then add this code in the General Styling > Quick CSS field:

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

please adjust the max-width to suit

Then in a code block on your page add this code for the lightbox:

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

Then in a second window, open a new post in the default editor and using the wand tool, create a contact form so you can copy the shortcode for it.

Paste the shortcode in your popup, replacing the text “PLACE CONTENT HERE”

Now to create the button to open the popup, we need to add the class “open-popup-link” to the link inside the button and make the link point to “#test-popup” this can be a little tricky so I’ve added and example button”

 <div class="avia-button-wrap avia-button-center  avia-builder-el-99"><a href="#test-popup" class="open-popup-link avia-button   avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-center "><span class="avia_iconbox_title">I’d like more info, please</span></a></div>

If you want some help creating a custom button, first make a button you like on a test page and post the url so we can copy the html and add the class for you.
Then add the button code in a code block element where you want it on your page. The popup code block, from above, can be anywhere on your page, and that is all there is to it.

To open other links in a lightbox, simply add this to the end of your links”

?iframe=true

Here are some examples, to make a link for an image to open in lightbox:

<a href="http://127.0.0.1/wp-content/uploads/2015/07/portfolio-9.jpg" rel="prettyPhoto" title="">Image</a>

To open pages in lightbox using an iframe:

<a href="http://127.0.0.1/pages/blank-pages/coming-soon-page/?iframe=true">Page</a>

If you link to one of your pages, such as a FAQ, try to disable the header, sidebar, & footer for that page in the page layout options.
This is the format for opening a Youtube video in lightbox:

<a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>

Let us know if you have any questions

Best regards,
Mike

Hey DROR,
Please try this code in the General Styling > Quick CSS field:

#top div.woocommerce-message {
    border-color: #000 !important; 
    background-color: #000 !important; 
    color: #fff !important; 
}
 #top div.woocommerce-message a.button {
    color: #000 !important; 
    background: #fff !important; 
}

Best regards,
Mike

Hi,
Glad Victoria could help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey tlchase,
The “tab section” element shares the content section with all of the tabs, where in the “tabs” element each tab has it’s own content section. In other words, if the option to have no initial open was available, you would still have a big blank area on your page.
If you are ok with this, you can try setting your initial open to the first tab, then try this code in the General Styling > Quick CSS field to hide it’s content:

.av-active-tab-content.__av_init_open {
display: none !important;
}

Best regards,
Mike

Hi,
Here is the new slideshow.js file, it will be in the next update.
Please keep a backup of your current file, it’s good practice.

If this doesn’t help, Please open a new thread so we can assist, and include your admin login and ftp access in the Private Content area, but as this is not your thread your login info will not be private.

Best regards,
Mike

Hi,
It is possible to add a link using standard html and pasting it into the caption area, please give this a try.
I wrote the css for the bar to only work on the one page, to prevent conflicts. But it is easy to change to another page, I will show you how.
So at this point all you need is a blue link, and the css to work on the homepage?

I will look at the other thread and reply there.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
Sorry for the late reply, I believe you can accomplish this by adding your text to the caption for the slider, such as in the above example.
For a better example I created a test page on your site for you to see what I mean. Please look for a draft page called “slider-test”
Please see screenshot in Private Content area.
If this isn’t what you are trying to do, we can try to think of anther solution.

Best regards,
Mike

Hi,
I see that the social icons are still off, please try this css in the General Styling > Quick CSS field or the WordPress > Customize > Additional CSS:

#top .avia-builder-widget-area #text-2.widget ul {
    margin: auto !important; 
    width: 70% !important; 
    float: none !important; 
}

Please clear your browser cache and check.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
Glad to help :)
unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike