Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the login I hope you don’t mind that I tinkered a little on the last column.
I removed the theme settings for the column and image, moved the text element into the column under the image and added the custom class class-padding to add padding around the text, then I added the custom class class-column to the column for the box shadow then in a code block at the bottom of the page I added this css:.class-padding { padding: 0 20px; } .class-column { box-shadow: 0 8px 8px #e3e3e3; }just as a temp example, I believe this looks very close to your example page, please check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
The Dev Team has replied that this seems to be an issue in Windows 10 in Chrome & Edge. Firefox on Windows 10 works correctly and Windows 11 & Safari, Chrome, and Firefox work correctly on Mac. So if you are using Windows 10 try using Firefox.
Hopefully, a future update of Chrome & Edge will include a fix.Best regards,
MikeHey Ronald,
Thanks for the video, please note that Envato (Theme Forest) limits the number of update checks in each 24 hour, but nonetheless, if you continue to have issues you can try installing the Official Envato Market plugin
or another option to update your version of Enfold you can download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeHey Alwin,
Thanks for your patience, I checked our travel demo that you linked to above in Windows in Chrome, Firefox, & Edge and I found no shift/vibration in the fullwidth easy slider, unfortunately, the link to your site was a 404 so I couldn’t check it.
Typically when an element has more text in one slide than others, such as the testimonial element, it can cause a shift/vibration, I don’t recall seeing this in the easy slider, but perhaps it is the issue, please check.Best regards,
MikeHey Guenter,
Thanks for sharing Guenni007 we will leave this open should anyone has questions about your code.Best regards,
MikeHey Julio,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#main .main_color .special-heading-inner-border { border-color: transparent; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Julio,
Thanks for the link to your example page the box shadow used isbox-shadow: 0 8px 8px #e3e3e3;but I don’t think you will want to add it to a text element but probably the column that the text element is in.
If we could see your test page we could advise better.Best regards,
MikeHi,
To add the top padding for landscape mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 768px) and (orientation: landscape) { .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 88px !important; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey adepreter,
Thank you for your patience, assuming that your Google reCaptcha keys are valid you will need to go to Enfold Theme Options ▸ Privacy and Cookies ▸ Cookie Handling ▸ Advanced Options ▸ Auto Reload Page ▸ Auto reload on “Accept Settings”
so that when the cookie Google reCaptcha service is accepted the service will be loaded.
Please try this and if you have further issues please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey Zest,
Thank you for your patience, but I don’t believe that you can use the GTM to track cookie consent modes, this would break the purpose of the cookie consent and GDPR since there should be no tracking until after consent.
Please see our documentation here.Best regards,
MikeApril 23, 2023 at 8:58 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405307Hi,
Thanks Guenni007 this is a good tip and will certainly help future readers, perhaps since the icons were already shown on other pages of my test site I was not able to reproduce the error, thank you for your insight.
@Capo1200 glad the column solution above also helped you, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeApril 23, 2023 at 8:45 pm in reply to: Spacing Padding not working anymore for Headline Element #1405306Hey simplycoding15,
The special heading element has a bottom padding of 10px, and because it has a H1 tag a top margin of 20px is added.
I’m not sure if you want to center the special heading:#top.page-id-38256 #av_section_1 .av-special-heading-h1 { text-align: center; }or if you want to use letter spacing:
#top.page-id-38256 #av_section_1 .av-special-heading-h1 h1 { letter-spacing: 0.1em; text-align: center; }Hopefully this helps with your question.
Best regards,
MikeHi,
Please note that these will only work if your header is set to Enfold Theme Options ▸ Header ▸ Header behavior ▸ Shrinking Header this is the only time that the class header-scrolled is added.
I tested the css and it works, if it is not working for you and you are using the Shrinking Header option then please open a new thread with an admin login so we can be of more assistance, since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.Best regards,
MikeHi,
It my test if you are using the Enfold Theme Options ▸ Blog Layout ▸ Blog Layout ▸ Multi Author Blog the plugin WP User Avatars adds the profile image to the archive items, perhaps your plugin wp user manager is conflicting somehow.Best regards,
MikeHi,
Thanks for the feedback, typically when a transparent header is used there is a background image that is viewed under it, and in my tests the transparent gradient is not visible, probably because my examples are too dark. Perhaps if I could see your site it would help me understand better.
Note that the “Transparent and glossy header” adds color to the header which I expect to interfere with the css.
In my initial tests I used a “no transparency” header to show the transparent gradient, give this a try.Best regards,
MikeApril 23, 2023 at 6:48 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405297Hi,
As I understand your question, on your homepage the 6 1/3 columns look fine from 425px-767px when they are full-width, and 1024px and up they look fine as 1/3 columns, but from 768px-1023px you would like them to be 1/2 columns.
I recommend adding the custom class hide-from-tablet to your 1/3 columns and then cloning the columns and adjust them into 1/2 columns with the custom class show-on-tablet and then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #main .show-on-tablet { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #main .hide-from-tablet { display: none; } } @media only screen and (min-width: 1024px) { #main .show-on-tablet { display: none; } }I did this for you, please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the feedback, the font name in the Custom Font Manager may not be the actual font-family name, I recommend testing by using the Advanced Styling option to assign the font to a test element and see if it works correctly on the frontend, if it does then use the browser inspector to examine what the font-family name is and use that in your css.
If the Advanced Styling test is not working then perhaps the font you have installed is not in the supported format or the font zip file had extra directories and needs to be extracted and cleaned up.
If it is a variable font see our documentation for Using variable fonts, or this thread by Guenni007 that many have found helpful.
I don’t see how this css could change your fonts, the most likely issues is that your stylesheet is missing a bracket or has an extra bracket, please check your css carefully.Best regards,
MikeApril 23, 2023 at 2:51 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405285Hi,
Thanks for the login, I’m not sure why this is occurring on your site, I can’t reproduce it on my site, but I changed the shortcode in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text to html and now the icons show with your desired settings, please clear your browser cache and check.Best regards,
MikeHi,
The child theme in the theme zip file with the documentation, Read our documentation about using a Child Theme
Or I linked to the latest child theme below.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeApril 23, 2023 at 1:54 pm in reply to: Need to position two menu items to the right and have the rest float right #1405281Hi,
Thank you for your patience, to have two split topbar menus we will use the Secondary Menu in the topbar at the left and create a shortcode for a menu in the Header Phone Number/Extra Info in the topbar at the right.
This is the expected result:

To create the shortcode for the menu I adjusted the function in this article, add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or if you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and allows you to export and import your custom code snippets to other sites that you may have or as a backup. If you use WPcode plugin this is a PHP snippet.function list_menu($atts, $content = null) { extract(shortcode_atts(array( 'menu' => '', 'container' => 'nav', 'container_class' => 'sub_menu alignright', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'walker' => '', 'theme_location' => ''), $atts)); return wp_nav_menu( array( 'menu' => $menu, 'container' => $container, 'container_class' => $container_class, 'container_id' => $container_id, 'menu_class' => $menu_class, 'menu_id' => $menu_id, 'echo' => false, 'fallback_cb' => $fallback_cb, 'before' => $before, 'after' => $after, 'link_before' => $link_before, 'link_after' => $link_after, 'depth' => $depth, 'walker' => $walker, 'theme_location' => $theme_location)); } add_shortcode("listmenu", "list_menu");Then the shortcode will be like this:
[listmenu menu=37]to find the menu ID number for your shortcode go to your menus and hover over the “Delete Menu” link and look in the browser link inspector popup:

Then add the shortcode in Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text with the option set to show the element on the right:

Now the last step is to remove the two div’s in the phone info topbar div for the menu shortcode, these divs are added for the typical text that is added to the Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text field, but we want to remove them for our menu.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or as a PHP snippet in the WPcode plugin:function remove_phone_info_div_for_topbar_menu_shortcode() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.phone-info.with_nav div').contents().unwrap(); $('.phone-info.with_nav').contents().unwrap().css({'margin':'0'}); })(jQuery); }); </script> <?php } add_action('wp_footer', 'remove_phone_info_div_for_topbar_menu_shortcode');Now the two menus in the topbar will float right and left responsively for desktop and tablet:

for mobile they will stack since there is not enough room:

Please ensure to copy the codes from the forum and not an email notification so the symbols are not converted.Best regards,
MikeApril 22, 2023 at 10:54 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405265Hi,
Thanks for posting the code you used, when I test it, it works correctly.
Does your server use object-oriented cache? Try clearing it, otherwise please include an admin login in the Private Content area and link to a test page so we can be of more assistance.Best regards,
MikeApril 22, 2023 at 10:37 pm in reply to: Easy Slider on desktop: arrows on the right and left #1405263April 22, 2023 at 10:21 pm in reply to: Advanced Layerslider – Scroll Scene – Play By Scroll #1405261Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Reto,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header.header_color > .header_bg { background-image: linear-gradient(rgba(150,150,150,1), rgba(150,150,150,0)70%); background-color: transparent; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the login, I found that setting the links to open in a new tab adds this, so I adjusted the script to have a slight delay and this seems to have corrected. Please clear your browser cache and check.function custom_script() { ?> <script> (function($){ setTimeout(function () { $('.avia-logo-slider .slide-entry').each(function() { $(this).find('a[href *="link-one.de"]').attr("rel", "nofollow"); $(this).find('a[href *="link-two.de"]').attr("rel", "follow"); $(this).find('a[href *="link-three.de"]').attr("rel", "follow"); }); }, 300); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
Mike -
AuthorPosts


