Hey kesdeg,
I took a look at your checkout and found there was a couple of check boxes and labels that were misaligned.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS:

#top.woocommerce-checkout .form-row .input-checkbox {
    margin: 6px 8px 0 0 !important; 
}
#top.woocommerce-checkout label span {
    margin-left: 16px !important; 
}
#top.woocommerce-checkout label.woocommerce-form__label-for-checkbox {
margin-top: -20px !important; 
}

Best regards,
Mike

Hey Valinsy,
We can do this by adding a colored border to your sections, the css in your Enfold Theme Options > General Styling > Quick CSS field would look like this:

#top.home #av_section_3,#top.home #av_section_4 {
    border-top-color: #efbb20 !important; 
    border-top-width:5px !important; 
    border-top-style:solid !important; 
}

This adds a border to your footer & the section above it. If you enable the: Enfold Theme Options > Layout Builder > Show element options for developers and add a custom ID to the sections you want a top-border on, and replace “#top.home #av_section_4” with your custom ID, which starts with the # symbol (ie: #above_footer) you will be able to manage them yourself.
You can add multiple ID’s separated by a comma.

Best regards,
Mike

Hi,
Si entiendo correctamente, los íconos sociales que desea agregar al lado del menú son imágenes y no se encuentran en fontello.com, en este caso recomiendo agregar iconos sociales desde la opción Opciones de Enfold Theme> Perfiles sociales> Sus perfiles sociales, que usted no se utilizará, por lo que puede reemplazarlos con imágenes. Utilice este CSS en el campo Estilo general> CSS rápido:

#top .social_bookmarks li:hover a {
    background: transparent !important;
}
#top .social_bookmarks li a:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
    background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
    background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_twitter a:before {
    background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
    background-size: contain;
}

y reemplace la url con sus imágenes, y reemplace las clases de twitter y facebook con los perfiles sociales que elija usar para el reemplazo.

Si lo desea, podría configurar uno para usted en su sitio para que pueda ver cómo funciona y hacer el resto usted mismo.

———-
If I understand correctly, the social icons you want to add next to the menu are images and not found on fontello.com, in this case I recommend adding social icons from the Enfold Theme Options > Social Profiles > Your social profiles option, that you will not be using, so you can replace them with images. Please use this css in the General Styling > Quick CSS field:

#top .social_bookmarks li:hover a {
    background: transparent !important;
}
#top .social_bookmarks li a:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
    background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
    background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_twitter a:before {
    background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
    background-size: contain;
}

and replace the url with your images, and replace the twitter & facebook classes with the social profiles you choose to use for replacement.

If you wish, I could set one up for you on your site so you can see how it works and do the rest yourself.

Best regards,
Mike

Hi,
If I understand correctly, you wish to hide the top background image that borders the header for the one landing page only?
I added this code in the General Styling > Quick CSS field:

#top.page-id-983 #after_full_slider_1.main_color {
    background-image: none !important; 
}

Please clear your browser cache and check.

As for the socket image on this page, you are not not showing the footer or socket on this page, but you have a color section with a background image instead, could you just change the image in the color section and add a code block to create the links you would like for the “menu”?

Best regards,
Mike

Hi,
Ok, I have added the colors and link within the slideshow caption, please review the technique and see screenshot in Private Content area.
Please clear your browser cache and check the draft page.

Best regards,
Mike

Hi,
For hiding the content of the tab, would hiding the first icon also be a good solution? So from the user view the first tab & icon doesn’t exist?

For linking to the tabs, I believe this is the correct solution

Best regards,
Mike

Hi,
I took a look at the coaching page and found that your column padding was 50px on all four sides of the text blocks, which was pushing the last two items off center, adjusting the padding to 50px-0px-50px-0px centers the text. But at 768px the text goes to the right & left edges of the pink box. I would recommend adding a media queries so at that size the text font is a little smaller so it looks like there is a little padding, while keeping the text centered.

I also checked your Quick CSS, and found that you were missing a curly bracket, which I replaced. Perhaps this occurred when I was adding the last code, if so sorry about that.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear. Unless there is anything else we can assist 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

Hi,
I was able to login this time. I see you have your sidebars enabled but they are not showing on your woocommerce category page.
Have you tried disabling your plugins?
When I compare your woocommerce category page to my localhost with the theme settings for archive sidebars, your “main.template-shop” has the class for no sidebars (av-content-full) where mine is for a sidebar (av-content-small)
this points to something overriding the theme setting.
So please try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.

Best regards,
Mike

Hi,
Thanks for the login, I re-saved your theme settings to regenerate your merged css, and now the social icons are lining up. I believe this was a caching issue. Please clear your browser cache and check.

I was able to change your page to speaker, I’m not sure why you could not. Please check.

Best regards,
Mike

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