Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the login, so what happen was in your Quick CSS your media query didn’t have a closing bracket so in the merged stylesheet any added css, from your advanced styling options for example, were treated as part of the media query, to correct I added a closing bracket in your Quick CSS.
Please clear your browser cache and check.
You will note that your advanced styling options, blue h4, doesn’t apply to your icon list under “Profil / Über mich” because this element has a title color option that overrides the advanced styling options:

so you will need to make the change there.Best regards,
MikeHi,
Thanks for the feedback, I found that the color, font-weight, & text-transform changes starting at 1100px due to this css:#top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 { color: #355c9e; font-weight: 400; text-transform: none; }being in a media query:
@media only screen and (max-width: 1400px) and (min-width: 1100px)
but I can’t tell if this is due to theme settings or custom css?
What is your goal black and caps all of the time, or blue and title case all of the time?
If your not sure if this is custom css then perhaps include an admin login so I can correct for you.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.
Merry Christmas.Best regards,
MikeHey Createve_Solutions,
Thank you for your question but you will need to ask Envato support to assist you with this as they manage all licenses and “Tokens” (the API is no longer used) we can not issue licenses or modify them.
I don’t believe that Envato allows you to transfer licenses to another account.Best regards,
MikeHey Tilman,
I checked your page for mobile but I don’t see any headings changing color and the only headings that are in caps are also in caps on desktop:
the top heading “NAME – PERSONALEXPERTIN AN IHRER SEITE” and the bottom icon list under “Profil / Über mich”
are these the element you are talking about?Best regards,
MikeDecember 19, 2021 at 2:18 pm in reply to: Icon indicating the loading time of the page continues to turn #1333438Hi,
Thank you for the screenshot, it looks like you are using IOS, so I tested on a Mac with Chrome and the page loaded quickly with no extra “loading spin”, perhaps it is one of your Chrome extensions, try disabling them and clearing your browser cache and then check in incognito mode.Best regards,
MikeDecember 19, 2021 at 2:08 pm in reply to: Footer & Socket Social Media Icons – How to increase the icon size #1333437Hi,
Thank you, I adjusted the icon and color, please clear your browser cache and check.Best regards,
MikeDecember 19, 2021 at 2:00 pm in reply to: Cannot import a Shop demo after installing Enfold theme! #1333434Hi,
I don’t believe that is your issue, I was offering something you could try to help.
When you say the Demo import does not work correctly, do you mean it totally fails? Do you get an error message? What does your localhost error logs say?Best regards,
MikeDecember 19, 2021 at 5:43 am in reply to: Color change for gallery titles / put them below the pictures #1333412Hi,
To have the avia-tooltip show at the bottom you will need to edit the file at:
\enfold\js\avia.js
on line 1243 you will find:
position: 'top', //top or bottom
change the position to bottom, Then clear your browser cache and any cache plugin.
Then add this css to your Quick CSS:.avia-tooltip .avia-arrow-wrap { bottom: 45px !important; } .avia-tooltip .avia-arrow { top: 15px !important; }Now to change the text color and the background color adjust this css to suit:
.avia-tooltip { background: red; color: #000; } .avia-tooltip .avia-arrow { background-color: red; }this makes the font black and the background red

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,
MikeDecember 19, 2021 at 5:14 am in reply to: Footer & Socket Social Media Icons – How to increase the icon size #1333408Hey Julio,
It looks like the footer icons are html pasted into a text widget, is this correct?
If so please include an admin login and we can adjust the html to use the icon in the socket.
to increase the icons try this css:#footer .social_bookmarks li a { width: 50px!important; line-height: 50px!important; min-height: 50px!important; font-size: 30px; } #footer .social_bookmarks li { height: 50px!important; width: 50px!important; } #footer .social_bookmarks { height: 60px!important; }As to changing the green-yellow color of the icons, what color do you want them to be?
Best regards,
MikeHi,
I copied your page html to an ALB test page using a text block to emulate your page, it contained 104<span style="font-weight: 400;">
I found that using this reduced it to zero and didn’t seem to lose any content or broken spans:add_filter("the_content", function($content) { preg_match_all('/<span style="font-weight: 400;">(.*?)<\/span>/', $content, $matches); foreach ($matches[0] as $key => $value) { $content = str_replace($value, $matches[1][$key], $content); } return $content; }, 10, 1);

The ? as a repetition quantifier changes this behavior into non-greedy, or Lazy, and in this case seems to work.Best regards,
MikeHi,
You could try this approach, for each page that you want a custom menu title for the Fullwidth Sub Menu on mobile, you will need to know the page ID, so for example when you edit your /backalyckans-forskola/ page the address bar URL is:
/wp-admin/post.php?post=477&action=editthe post=477 means your page ID is 477
remember that number, now we will add this code to the end of your functions.php file in Appearance ▸ Editor:function custom_menu_title() { ?> <script> (function($) { $(".page-id-477 #sub_menu1 .mobile_menu_toggle .av-current-placeholder").text("Rocket Science"); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_menu_title');here you will note two parts of the code, the page ID .page-id-477 and the title you want to use Rocket Science

So now that we did one the next one will be easier, we will just add one line of code to the above function, for example we find that the page ID for /backalyckans-policy/ is 1918 and we want the title to read Policy so we write it like this:
$(".page-id-1918 #sub_menu1 .mobile_menu_toggle .av-current-placeholder").text("Policy");
and add it below the other line so the full function now reads this:function custom_menu_title() { ?> <script> (function($) { $(".page-id-477 #sub_menu1 .mobile_menu_toggle .av-current-placeholder").text("Rocket Science"); $(".page-id-1918 #sub_menu1 .mobile_menu_toggle .av-current-placeholder").text("Policy"); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_menu_title');Best regards,
MikeDecember 19, 2021 at 2:59 am in reply to: Enfold Portfolio gallery entry titles above images #1333400Hey nexusgeografics,
You can edit this file:
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
on line 1084 find:
$output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid. "' class='grid-image avia-hover-fx'>{$custom_overlay} " . get_the_post_thumbnail( $the_id, $image_size, $image_attrs ) . "</{$link_markup[1]}>";
cut and paste before line 1124:
$output .= '<footer class="entry-footer"></footer>';
then add a custom class to the “avia-arrow” it will point down instead of up, to do this edit line 1085 from this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
to this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow top-grid-title'></div>" : '';
then add this css to your Quick CSS:.grid-entry .top-grid-title.avia-arrow { border: none; top: 49px; z-index: 1; }Hi,
Thank you for your patience and the screenshots, but the login you provided doesn’t give us access to your layerslider, please evaluate it to admin.Best regards,
MikeDecember 19, 2021 at 1:39 am in reply to: Adding a frame on a caption of an image (caption not visible when hovering) #1333397Hi,
Glad Ismael and Nikko could 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,
MikeDecember 19, 2021 at 1:15 am in reply to: Cannot import a Shop demo after installing Enfold theme! #1333396Hi,
Thank you for your patience, I tested installing the Shop Demo on my localhost and on a live webhost and didn’t encounter and issues on either, I do note that the WooCommerce 5.1.2 should be updated as v6.0.0 is the current version.
When you say the Demo import does not work correctly, do you mean it totally fails? Do you get an error message? What does your localhost error logs say?Best regards,
MikeHi,
Thank you for the login, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top.home #wrap_all .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container { opacity: 0.5; }right now your opacity is 0.2 so this adjustment to 0.5 might be what you want or you can try a higher number.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey comkapi,
This is intended behavior as normally you do not select unused terms when creating a page, the post__in parameter to return the posts from the selected category. If the category is empty, it will return all posts.
The Dev Team has provided this filter that you can add to your functions.php to show no items when the category is empty:
add_filter( 'avf_masonry_query_no_entries_fallback', true, $terms, $valid_terms );Best regards,
MikeHi,
Thank you for the login, to correct your mobile header I had to adjust your custom css for the social_bookmarks by putting it in a media query like this:@media only screen and (min-width: 767px) { #top #header .social_bookmarks li a { font-size: 25px; } #top .social_bookmarks li { margin: 0 5px; } }and I had to add your “make header larger & move over” css to another media query like this:
@media only screen and (min-width: 1440px) { /* Make header larger & move over */ #header_main .logo, #header_main .logo a { overflow: visible; } #header_main .logo img { height: 90px; position: relative; max-height: none; right: -90px; top: 15px; } #top nav .social_bookmarks { float: right; left: auto; width: 10%; } }But I notice your desktop your header widget is overlapping your social_bookmarks because you have it set to right: 300px;, I would recommend using right: 30%; instead.
Best regards,
MikeHi,
Glad to hear that Ismael helped you identify the need for jQuery Migrate, I see nothing in your css that could cause this.
Shall we close this then?Best regards,
MikeDecember 18, 2021 at 4:33 pm in reply to: Dutch language file which was causing critical error? #1333373Hey Alwin,
It was found in this thread
The /lang/nl_NL.mo & /lang/nl_NL.po files were changed to correct a missing %sBest regards,
MikeHi,
Thank you for the link to your site and the screenshots, I couldn’t find the button set in your screenshot, but I did find a button set on the /pension/ page that was hidden on mobile, so I tested by unhiding temporarily yet didn’t see the last button offset as in your screenshot.
Please see the screenshot in the Private Content area.
Please link directly to your page with the button set or create a test page so I can see.Best regards,
MikeHi,
@uribinsted thank you for your feedback, I have added this request to our feature request list, to date the Dev Team points to this customization in our documentation.
Perhaps in the future this will be an added option within the theme, thank you for using Enfold.Best regards,
MikeHey Grobi,
Can you link to the thread #783467 I’m not able to find it by the reply ID.
But looking at this filter it doesn’t look like it will open a popup and let people know that they are leaving your site, this filter looks like it changes the social media share URL, but I don’t believe you really want this, as I understand your question you still want the social media share URL’s to point correctly, you just want a popup warning first, in this case the above solution is not for you.
I would recommend a plugin like Exit NotifierBest regards,
MikeHi,
Sir this is an error in the test itself, when the test fails it is because CSS is not loaded correctly. There are no errors when files are loaded correctly.
Please see this thread: Mobile-Friendly Test Not Rendering My Website Properly, there may also be other results in the Search Console HelpBest 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,
Thanks for the feedback, when I login I see the builder, see the screenshot in the Private Content area, but when I try to update the page I get an 500 Internal Server Error, as this is a server response try checking your server logs to see if there are any clues. I would recommend disabling unnecessary plugins such as your iThemes Security, Limit Login Attempts, etc to ensure they are not causing the error and then test again.
I was able to copy your page to my test site and didn’t receive any errors so I don’t think it is the content or the builder, is this only occurring on this page or others also?
please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so you can test on it and your site will stay up and running. You can always ask your webhost to help you with setting this up if you want.Here are some screenshots of what it would look like:


Best regards,
MikeHi,
With the above solution, the background image is moved up under the transparent header, the reason you don’t see the burger menu is because it is the same color as the background.
Try this css instead that changes your burger menu to black so you can see it, feel free to adjust the color to suit:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #main { margin-top: -80px; } #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: #000 !important; } }Best regards,
Mike -
AuthorPosts


