Forum Replies Created
-
AuthorPosts
-
December 19, 2021 at 5:43 am in reply to: Color change for gallery titles / put them below the pictures #1333412
Hi,
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=edit
the 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,
MikeHi,
Thank you for the feedback, so now I understand that you are using a service called Superchat that gave you a script to add to your header to show the
Superchat icon on your site.
Unfortunately the script show the Superchat icon as an iframe and you can not use css to hide part of the content of an iframe, so you will need to ask the Superchat support to give you a script that doesn’t include the Whatsapp Contact Button.
If you want the Whatsapp Contact Button to show for some posts then you will need two scripts one for the frontpage only, and one for the posts.
Please see this article by wpbeginner for more information and look down mid-way to the part about “Adding JavaScript to a Specific WordPress Post Using Code” to see how you can have your script for only posts, show on only posts.Best regards,
MikeDecember 16, 2021 at 1:30 pm in reply to: Enfold "Follow Us On Facebook" Widget Not Working on Mobile #1333123Hi,
Thank you for your patience, I do not have an iPhone but I found on Mac with Safari if you look for the shield icon before the address bar, when you click it it will show that facebook.com & facebook.net are being blocked, this is the facebook widget.
So it seems that by default Safari is blocking FaceBook similar to how AD Blockers do unless you specifically allow FaceBook.
So while you can disable this for yourself in your Safari, most of your visitors will have this enabled by default and will not see your facebook widget, other browsers and AD Blockers also do the same. So to solve take a screenshot of your widget and make a fake widget in a HTML code widget by wrapping the image with a link to your facebook page.Best regards,
MikeDecember 16, 2021 at 1:18 pm in reply to: Conflict with NextGen Pro plugin since latest theme update #1333120Hey jpattersonphoto,
Glad to hear that the plug-in author is sorting this 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,
MikeDecember 16, 2021 at 12:30 pm in reply to: 2 columns instead of 4 on mobile, missing gallery captions, videos not in page #1333112Hi,
Glad to hear the masonry element worked for you, as for the videos I’m not sure, perhaps you have some video add-ons? I don’t have any add-ons and the videos played correctly in regular mode, so it sounds like something on your computer or browser specifically.Best regards,
MikeDecember 15, 2021 at 1:57 pm in reply to: Show Copyright for images in Standard Editor Blog Posts #1332957Hi,
Sorry, this could not easily be done within our forum support scope, perhaps there is already a WordPress Plugin that can do this, otherwise you could consider hiring a customization freelancer.Best regards,
MikeDecember 15, 2021 at 1:45 pm in reply to: 2 columns instead of 4 on mobile, missing gallery captions, videos not in page #1332953Hi,
I don’t recall a way to show the captions under a simple gallery, this sounds like the Masonry element, I tried searching for this and found a thread where you asked for this and at the end you said you were going to use the Masonry element, perhaps this is what you are thinking of?
I made two screencasts of your videos playing correctly in-page, please see the link in the Private Content area.
are you using Windows or Mac? Try using incognito mode and make a screencast, perhaps I will see something different on your side?Best regards,
MikeHi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #main { margin-top: -80px; } }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts