Hey Yannick,

Thank you for contacting us.

Please be patient while we answer your ticket. Some issues may take longer due to its nature and sometimes it requires to be researched before providing you with a working solution.

Please do not create duplicate tickets this will only take more time to answer.

Thank you for your understanding.

Best regards,
Vinay

Hi,

Please replace the word “gold” and “transparent” to the rbga color value of your choice or replace the earlier code with the below code.

/* CSS – */

.mfp-container {
background: transparent !important;
}

.mfp-bg {
background: rgba(0,0,0,.8) !important;

}

#more-info {
background: rgba(255,255,255,1)!important;
}

Best regards,
Vinay

Hey guttogjente,

Please try adding this at the very end of your themes/child theme’s functions.php file:

// Change social icon tooltip text
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('li.av-social-link-whatsapp').each(function() {
     	jQuery(".inner_tooltip").text("New Text Here");
    });
});
</script>
<?php
}
add_action('wp_head', 'custom_excerpt');
// End function

For more information about adding custom script please check this link.

Best regards,
Vinay

Hi,

There are various methods to add the icon box to the header. What method did you choose? Depending on that we can suggest what you can do also we need to take a look at the backend of the site please post your login details in private content area.

Best regards,
Vinay

Hi,

Thank you for sharing the details.

I’m not sure which page you are referring to on your site. But I understand that you like to add a custom content width to a color section.

Please follow the instruction provided in this link.

Instead of 100% you can choose a specific min-width in the CSS code.

If you still have any issue please share the link to the page here so we can help you better :)

Best regards,
Vinay

Hi,

Thank you for contacting us.

The link you provided does not work.

To add custom CSS please check this link.

Since your issue is not related to this topic please open a new ticket for unrelated issues.

Best regards,
Vinay

Hi,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Vinay

Hi,

Thank you for sharing the details.

Please use the CSS provided in this link.

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still have an issue please share the exact link to the page on which you have the image issue.

Best regards,
Vinay

Hi,

Please open a new ticket for different issues. It will help us keep the ticket related to the topic and easy to resolve.

Thank you for your co-operation.

Best regards,
Vinay

Hi,

You can hide the arrow by using below code in the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

 /* Easyslider navigation arrow */
#top .avia-slideshow-arrows a {
 display: none;
}

Please check the docs for more info.

Best regards,
Vinay

Hi,

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right-click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

Thank you for sharing the details.

Please follow the instructions provided int he documentation to create a one-page menu

This should fix the highlighting issue for you :)

Best regards,
Vinay

Hi,

Sorry for the delay, You can add a different image for the color section that works for mobile and tablets. The size can be relatively around 750 x 1200 px. Need not be exactly the same size but it should be a portrait image.

To set a different mobile background to the color section please check the below link

Best regards,
Vinay

Hi,

Thank you for sharing the details.

I could not find the menu items you specified or you have changed the styles so I’m not able to relate to what you are trying to say.

If you want to style the subnav menu items in a specific way please check the documentation

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right-click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

Thank you for sharing the details.

Please follow the instructions provided in the documentation

You may need to adjust the media query to get 4 columns on tablet :)

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Let us know if you have any questions.

Best regards,
Vinay