-
Search Results
-
Hi,
I have created a new page with the Advanced Layout Builder, called it “error404” and set this in the theme settings as my custom 404 page:
But when I type in a wrong URL of my site like http://www.mysite.de/somewhat then it leads me to another “not found” page:
And in the documentation is told, that this does not work with ALB created pages:
Unfortunately, pages like the 404 page or search result page cannot be created using the page builder.
To create a custom 404 page you need to edit the following files:
wp-content\themes\enfold\Enfold\404.php
wp-content\themes\enfold\includes\error404.phpOr use a 404 plugin that suits your requirement.
But why can I set in the theme settings a custom 404 page when it is not possible?
Very confusing …
Is it now possible with a custom created 404 page, set as error page in the theme settings, or not?
If yes, then it does not work, it shows the standard “not found” page – see screenshot above.How can I use my custom 404 page created with ALB and set as error404 page in the theme settings?
Browser cache is cleared, cache plugin is not yet installed.
It makes no difference whether I choose in the theme settings for 404 page “redirect” or “without redirect”.Thanks
Hi, we have 3 websitse since 2016 with enfold, I migrated the main one website to a new server, 3 months ago.
during the migration the favicon disappeared. So I put one back but I don’t think it was the right size (multiple of 48px).Since the day before yesterday google no longer displays our favicon in the serp but instead he put the ugly wordpress favicon. :(
I returned a new favicon which normally is optimized (48x48px). And I asked the search console to go back to the site (and update the favicon on serp). There was a google crawl yesterday and one today but the favicon in the SERP is still that of wordpress.Could you please help me guys ?
Note : the preview Favicon in the browser when you are in the website is displaying well, it”s really into the SERP results
Thanks very much for your suggestion, Mike. It helped me look quite deeply into this issue using Chrome’s debugger. I want to first apologise to you for keeping things so complicated using my in-development home page, which is quite complicated, instead of creating a test page for this topic question–which is exactly what I did to debug this issue after your reply.
It turns out that the stackoverflow suggestion doesn’t work. Their suggestion is to add itemOpts.index = index; before the mfp._openClick({mfpEl:items}, jqEl, itemOpts); line as follows:
$.fn.magnificPopup = function(options) { _checkInstance(); var jqEl = $(this); // We call some API method of first param is a string if (typeof options === "string" ) { if(options === 'open') { var items, itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup, index = parseInt(arguments[1], 10) || 0; if(itemOpts.items) { items = itemOpts.items[index]; } else { items = jqEl; if(itemOpts.delegate) { items = items.find(itemOpts.delegate); } items = items.eq( index ); } itemOpts.index = index; // Added line per https://stackoverflow.com/questions/49131727/open-all-images-on-page-with-magnific-popup mfp._openClick({mfpEl:items}, jqEl, itemOpts); } else { if(mfp.isOpen) mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1)); } } else { // clone options obj options = $.extend(true, {}, options); /* * As Zepto doesn't support .data() method for objects * and it works only in normal browsers * we assign "options" object directly to the DOM element. FTW! */ if(_isJQ) { jqEl.data('magnificPopup', options); } else { jqEl[0].magnificPopup = options; } mfp.addGroup(jqEl, options); } return jqEl; };The problem is that that bug fix never even gets to run because it’s encapsulated within the IF condition of typeof options === “string”, as you can see above. So if you look at BOTH:
(1) us Enfold users:
links.not(options.exclude).addClass('lightbox-added') .magnificPopup($.avia_utilities.av_popup);where $.avia_utilities.av_popup === {type: ‘image’, mainClass: ‘avia-popup mfp-zoom-in’, tLoading: ”, tClose: ”, removalDelay: 300, …}
(2) and the Original Poster to that stackoverflow thread:
$('#content').magnificPopup({ items: $imgs, type: 'image', gallery: { enabled: true }, });you can see that typeof options === “object”! So it wouldn’t work for either of us (the OP coincidentally was wanting to do the exact same thing as me, to “enable magnific popup on all images on my page”). Unfortunately, the OP never responded to the reply person’s bug fix suggestion, so the thread never went further in order to highlight the failure of the suggestion for the OP.
After ruling out magnific’s code as the culprit of my problem, I focused on avia-snippet-lightbox.js and its code at the end of its function, $.fn.avia_activate_lightbox = function(variables):
return this.each(function() { var container = $(this), videos = $(options.videoElements, this).not(options.exclude).addClass('mfp-iframe'), /*necessary class for the correct lightbox markup*/ ajaxed = ! container.is('body') && ! container.is('.ajax_slide'); for( var i = 0; i < options.groups.length; i++ ) { container.find(options.groups[i]).each(function() { var links = $(options.autolinkElements, this); if( ajaxed ) { links.removeClass('lightbox-added'); } links.not(options.exclude).addClass('lightbox-added').magnificPopup($.avia_utilities.av_popup); }); } });Sure enough, this is the culprit. What’s happening in this code above is that:
(1) the outer loop, controlled by the FOR loop, searches the <body> DOM for each class in the options object (.avia-slideshow, .avia-gallery, .av-horizontal-gallery, .av-instagram-pics, .portfolio-preview-page, .portfolio-preview-content, .isotope, .post-entry, .sidebar, #main, .main-menu, & .woocommerce-product-gallery); and if it finds the current options[i] in the <body> DOM, then:
(2) the inner loop, controlled by “.each(function()”, looks for every instance of that options[i] in body and adds the images within that sub-DOM instance to the links object “array”. In other words, it creates multiple lightboxes per page–and, in fact, NOT JUST a separate one for each options[i] image set (from the outer loop), BUT ALSO a separate lightbox for each instance of options[i] as well.
But I want a single lightbox for all linked images on a page, i.e. a single image set that is sent to magnific. Specifically, for me, options[7]===’.post-entry’ is not only found in outer 1/1, 1/2, etc. layout sections, in which I may put images, but also in Color Sections, in which I will definitely put images, perhaps in inner 1/1, 1/2, etc. layout sections within the Color Sections. It’s the Color Section that ends up separating out ‘.post-entry’ images from each other, creating multiple image sets sent to magnific for separate lightboxes (notice the <div class=’post-entry post-entry-type-page post-entry-31′> line):
<div class='avia-section av-lib3uyi7-57ce06e0452ac92eb7d4393a8384e180 main_color avia-section-default avia-no-border-styling avia-builder-el-62 el_after_av_section el_before_av_section mainPageBodyThreeCols avia-bg-style-scroll container_wrap fullsize' > <div class='container av-section-cont-open' > <div class='template-page content av-content-full alpha units'> <div class='post-entry post-entry-type-page post-entry-31'> <div class='entry-content-wrapper clearfix'> <div class='flex_column av-i3z0f-243165cc077a80e50bbee8f020d21535 av_one_third avia-builder-el-63 el_before_av_one_third avia-builder-el-first first flex_column_div ' > <div class='avia-image-container av-lib47uf4-9660e94fab46a96b36ab619c8b679a09 av-styling- avia-align-center avia-builder-el-64 el_before_av_textblock avia-builder-el-first av-group-lightbox' itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" > <div class="avia-image-container-inner"> <div class="avia-image-overlay-wrap"> <a href="...dentures.jpg" class='avia_image' > <img decoding="async" class='wp-image-699 avia-img-lazy-loading-not-699 avia_image ' src="...dentures-300x264.jpg" alt='...' height="264" width="300" itemprop="thumbnailUrl" srcset="..." sizes="(max-width: 300px) 100vw, 300px" /> </a> </div> </div> </div>...In other words, each .avia-section (Color Section) has its own class=’post-entry post-entry-type-page post-entry-31′, so the images under that DOM are collected as a separate image set for a lightbox.
So I ended up just bypassing all of it, and replaced the code in avia-snippet-lightbox.js with my own child_avia-snippet-lightbox.js:
return this.each(function() { //Find all linked images var myLinks = $(options.autolinkElements, this); //Note: ".not(options.exclude)" is left out of this "myLinks.not(options.exclude).addClass(..." on purpose to impose the policy: if you want to exclude an image from the all-images set in the lightbox, just don't make it a link. Linked images excluded from the lightbox means if the user clicks on that linked image, it will follow that link, which is to open it's full size image, but without the lightbox's closing mechanism. Then the only way for the user to go back to the page is to click the Back button--which is bad UX. myLinks.addClass('lightbox-added').magnificPopup($.avia_utilities.av_popup); });And adding this to my child functions.php file:
add_action('wp_enqueue_scripts', 'magnific_script_fix', 100); function magnific_script_fix() { wp_dequeue_script('avia-lightbox-activation'); wp_enqueue_script('child_avia-lightbox-activation', get_stylesheet_directory_uri().'/child_avia-snippet-lightbox.js', array('jquery')); }Also, as you can see, I’ve left out “.not(options.exclude)” from myLinks.not(options.exclude).addClass(‘lightbox-added’).magnificPopup($.avia_utilities.av_popup) for the following reason: If I put it in, then, yes, the images with those exclusion classes will be excluded from the lightbox. But they are still linked images: so if a user clicks on one of them, it will follow that link, which is to open it’s full size image, but without the lightbox’s closing mechanism. So the only way for the user to go back to the page is to click the Back button–which is bad UX.
FYI: I attempted to figure out a way to add each of those excluded images in its own individual one-image lightbox, but I just couldn’t even figure out how Enfold does the not(options.exclude), as a starting point (going step by step in the debugger to see how it’s doing it was a bewildering experience), so I just gave up. So I just gave myself the policy: if you want to exclude an image from the all-images set in the lightbox, just don’t make it a link. Lol. Yes, I could have left the .not(options.exclude) in there and just not used it per my policy, but I wanted to make sure the UX stays correct by preventing me (or anyone else maintaining the site) from having any effect to forgetting the policy and adding e.g. “noLightbox” to an image’s Custom CSS Class field, expecting it to be excluded from the lightbox, but still keeping the image’s link active. No: if I (or they) go into the code, they’ll see there is no .not(options.exclude) at all, and read the comment in the code, to see why their image is not getting excluded from the lightbox.
So, anyway, that’s my solution to my particular problem. I appreciate your help, Mike. Unless you have some solution code for me to include those excluded images in their own individual one-image lightboxes (which would be helpful to just round up this solution, in case others want to use it), you may close this thread.
Thanks very much,
GaryIn reply to: Theme errors URGENT-URGENT
Hi,
Glad to hear, you have disabled the border with this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.blog #wrap_all #main main.content { border-right-style: none; }Try removing this, there may be more css try to search carefully.
Best regards,
MikeIn reply to: Multi language
Hey Stilecatalini,
Thank you for your patience, please see our How to Create a Multilingual Site With Enfold true WPML is not free. If you want to use Polylang you can read their documentation here.
I don’t have any experience with Polylang and we don’t officially support it, but I believe other users have used it successful, try reading the documentation and searching the forum.
If you don’t have a lot of time to learn the plugin or don’t feel comfortable doing it yourself consider hiring a freelancer to help, we recommend Codeable, you can use our customization form here.Best regards,
MikeIn reply to: miss [role] in burger menu
Hey edolmen,
Thank you for the inquiry.
The screenshot above is not accessible. Would you mind providing another screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.If you want to modify the markup of the burger menu, try to add this code in the functions.php file.
if( ! function_exists( 'avia_append_burger_menu_mod' ) ) { //first append search item to main menu remove_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 ); remove_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 ); add_filter( 'wp_nav_menu_items', 'avia_append_burger_menu_mod', 9998, 2 ); add_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu_mod', 9998, 2 ); /** * Append the burger menu * * @param string $items * @param array $args * @return string */ function avia_append_burger_menu_mod ( $items , $args ) { global $avia_config; $location = ( is_object( $args ) && isset( $args->theme_location ) ) ? $args->theme_location : ''; $original_location = isset( $avia_config['current_menu_location_output'] ) ? $avia_config['current_menu_location_output'] : ''; /** * Allow compatibility with plugins that change menu or third party plugins to manpulate the location * * @used_by Enfold config-menu-exchange\config.php 10 * @since 4.1.3 */ $location = apply_filters( 'avf_append_burger_menu_location', $location, $original_location, $items , $args ); if( ( is_object( $args ) && ( $location == 'avia' ) ) || ( is_string( $args ) && ( $args == 'fallback_menu' ) ) ) { $class = avia_get_option('burger_size'); $items .= ' <li class="av-burger-menu-main menu-item-avia-special ' . $class . '"> <a href="#" aria-label="' . esc_attr( __( 'Menu', 'avia_framework' ) ) . '" aria-hidden="false"> <span class="av-hamburger av-hamburger--spin av-js-hamburger"> <span class="av-hamburger-box"> <span class="av-hamburger-inner"></span> <strong>' . __( 'Menu', 'avia_framework' ) . '</strong> </span> </span> <span class="avia_hidden_link_text">' . esc_html( __( 'Menu', 'avia_framework' ) ) . '</span> </a></li> '; } return $items; } }You may need to add role attribute somewhere in this code.
$items .= ' <li class="av-burger-menu-main menu-item-avia-special ' . $class . '"> <a href="#" aria-label="' . esc_attr( __( 'Menu', 'avia_framework' ) ) . '" aria-hidden="false"> <span class="av-hamburger av-hamburger--spin av-js-hamburger"> <span class="av-hamburger-box"> <span class="av-hamburger-inner"></span> <strong>' . __( 'Menu', 'avia_framework' ) . '</strong> </span> </span> <span class="avia_hidden_link_text">' . esc_html( __( 'Menu', 'avia_framework' ) ) . '</span> </a></li> ';Best regards,
IsmaelTopic: Toggle hidden color section
Hey guys,
i love enfold. using it since 2015 and i am still impressed by every new version.
My problem:
i have a button with the class “.trigger1” and a section (that is hidden by default) named “#hide1”.
So whenever i´m hovering an element with that class, the hidden section fades in.
therefore i searched the forums and used this code in my child-theme´s function.php.
it works well on the test server but not on the new server even if the WordPress Versions and the enfold versions are exactly the same.here it´s working fine: http://www.silkeetex.de
/* hide/show sections */ function add_custom_cs(){ ?> <style> .trigger1, .trigger2, .trigger3, .trigger4, .trigger5, .trigger6, .trigger7 { cursor: pointer; /* Change cursor to hand */ } </style> <script> jQuery(window).load(function(){ jQuery("#hide1, #hide2, #hide3, #hide4, #hide5, #hide6, #hide7").hide(); jQuery(".trigger1").hover(function() { if (jQuery("#hide1").is(":visible")) { jQuery("#hide1").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide1").show().addClass("active"); } }); jQuery(".trigger2").hover(function() { if (jQuery("#hide2").is(":visible")) { jQuery("#hide2").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide2").show().addClass("active"); } }); jQuery(".trigger3").hover(function() { if (jQuery("#hide3").is(":visible")) { jQuery("#hide3").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide3").show().addClass("active"); } }); jQuery(".trigger4").hover(function() { if (jQuery("#hide4").is(":visible")) { jQuery("#hide4").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide4").show().addClass("active"); } }); jQuery(".trigger5").hover(function() { if (jQuery("#hide5").is(":visible")) { jQuery("#hide5").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide5").show().addClass("active"); } }); jQuery(".trigger6").hover(function() { if (jQuery("#hide6").is(":visible")) { jQuery("#hide6").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide6").show().addClass("active"); } }); jQuery(".trigger7").hover(function() { if (jQuery("#hide7").is(":visible")) { jQuery("#hide7").hide().removeClass("active"); } else { jQuery(".active").hide().removeClass("active"); jQuery("#hide7").show().addClass("active"); } }); }); </script> <?php } add_action('wp_footer', 'add_custom_cs'); /* avoid jumping up to header */ function add_custom_href_remove(){ ?> <script> jQuery(window).load(function(){ jQuery('.trigger1,.trigger2,.trigger3,.trigger4,.trigger5,.trigger6,.trigger7').removeAttr('href'); }); </script> <?php } add_action('wp_footer', 'add_custom_href_remove');Why is that? Can anyone please help?
In reply to: menus are visible at the bottom when browsing PWA
Hey Gagik,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px){ .responsive #top #wrap_all #header { position: fixed; bottom: 0; } .responsive #top #wrap_all #header #av-burger-menu-ul { padding: 0 !important; } .avia-search-tooltip { top: -85% !important; } .responsive #top .avia-search-tooltip .avia-arrow { display: none; } .responsive #top #header_meta { z-index: 1; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Fonts
Hey Intercettazioni,
Thanks for your patience and the link to your site try the following CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for each request:
1: adjust the font size to suit#socket { font-size: 22px; }2:
#top .template-page .entry-content-wrapper h1, #top .template-page .entry-content-wrapper h2 { letter-spacing: 0; }3:
#top #header_main > .container .main_menu .av-main-nav > li#menu-item-search > a { color: #000; }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,
MikeTopic: Sitemap enfold where is it?
I need to add the url link of my sitemap to Google search console. But how to find the link?
EDITED—-
I used the Yoast SEO sitemap
But sending it to the Google console, Google answer sitemap error (can be read but has errors on it)Is there a clean way to send a clean sitemap?
In reply to: Problems on mobile
Hi bardur,
1 & 2, can you give us links to those pages? so we can inspect it.
3. Layout Elements have padding options that you can change, so it is the standard way, the easiest way would be changing the default padding via CSS which will have a global effect.
4. To remove the search icon on mobile, please add this CSS code in Enfold > General Styling > Quick CSS:@media only screen and (max-width:767px) { #avia-menu > #menu-item-search { display: none; } }Then to add it on the burger menu, please follow Mike’s instruction on this thread: https://kriesi.at/support/topic/search-as-part-of-fly-over-menu/#post-1372412
I hope it helps.Best regards,
NikkoTopic: Token
I bought 7 enfold themes, I deleted two of them and wanted to create a new token because these websites changed to another domain.
When entering this account I get an error message, also when using another account I get the same message at this website..
Alfa vastgoedonderhoud
OAuth client ID: enfold-rny0chtiThis app has access to:
View and search Envato sites
View the user’s Envato Account username
View the user’s email address
View the user’s account profile details
View the user’s account financial history
Download the user’s purchased items
View the user’s items’ sales history
Verify purchases of the user’s items
List purchases the user has made
Verify purchases the user has made
View the user’s purchases of the app creator’s items
Add item to favourite collection
View the user’s public and private collections
View the user’s statement transactions
View the total number of subscribed users to Envato Market
Shows the total number of items available on Envato Market
Shows the total amount of community earnings on Envato Market
Shows the total number of items sold on Envato MarketI also tried to use your plugin, but that doesn’t work either and keep getting the message 403 forbidden
Account:
Robbymail
Netherlands, Member since March 2018Topic: Horizontal Gallery Fade ?
Hi,
My client A. Verleg-Dijk bought Enfold en we imported a template.
She is very excited about it.
I searched the forum and the documentation, but did not find a solution for her question.Is it possible in the Horizontal Gallery to have the pictures on both sides of the presented photo in the middle
be a little faded (on desktop)?Thanks in advance for replying.
Best regards
ReinaTopic: Product Single Image Size
Hi,
sorry if this is answered anywhere in this forum but after searching for about an hour, and not finding an answer to exact my question, I’ll try it with a new topic.
Which size has full / single product image (Lightbox Image when I click on the Square Preview Image) when using enfold? (As enfold overwrites the woocommerce settings)
From what I found I assume 999, 1000 or 1030 Pixel?
How can I enlarge this size to maybe 1500 or 2000 on the long end?
I found here a snippet for the Child Functions.php which so I assume let me set the sizes in Woocommerce instead of Enfold. But then I have to know exact the sizes for thumbnails etc, which enfold is using… So I would prefer changing the product images size for enfold.Where and how can I change the Single Product Image size in Enfold ? And do you have a list for the woocommerce sizes? (The enfold sizes for the normal Site I found)
Thanks
FrankThank you for replying Ismael. I appreciate you helping me. Unfortunately, “av-group-lightbox” didn’t work for me.
First, I didn’t realize I needed to add a class to every image I want to open up in the lightbox gallery on a particular page. As I mentioned in my original post, point #2, all images on the page in my original test, except the office photo inside its Color Section, opened in the lightbox gallery, WITHOUT MY HAVING TO ADD ANY CLASS TO CONNECT THEM TOGETHER. I just didn’t understand why a Color Section was messing things up. I assumed that to omit an image from the lightbox gallery, you just don’t create a link on it, and if the image is linked, then it’s part of the lightbox gallery.
It’s actually weird that all those images did open in the lightbox gallery connected together without a class, because I have found some people on the Internet talk about how Magnific Popup requires you to add a class to all images on a page that you want to include in the gallery, just like you said.
Or the class is to be added to the links of the images perhaps, like the leadership at https://help.groupthought.com/article/64-pages-how-to-show-an-image-in-a-pop-up-window are telling their people to do:
$(document).ready(function() { $('.template-article img').each(function() { var currentImage = $(this); currentImage.wrap("<a class='image-link' href='" + currentImage.attr("src") + "'</a>"); }); $('.image-link').magnificPopup({type:'image'}); });But I don’t know how to easily give a class to my image links, so I just went ahead with your suggestion. When I did a hard refresh of my page, I saw that the “av-group-lightbox” class was added to the avia-image-container <div>:
<div class='avia-image-container av-liaq7z66-359c3e896ff6ab62eb93041dca6e9e63 av-styling- avia-align-center avia-builder-el-5 avia-builder-el-no-sibling av-group-lightbox' itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" > <div class="avia-image-container-inner"> <div class="avia-image-overlay-wrap"> <a href="...dog_chewing_denture.jpg" class='avia_image' > <img decoding="async" class='wp-image-191 avia-img-lazy-loading-not-191 avia_image ' src="...dog_chewing_denture-284x300.jpg" alt='' title='dog_chewing_denture' height="300" width="284" itemprop="thumbnailUrl" srcset="..." sizes="(max-width: 284px) 100vw, 284px" /> </a> </div> </div> </div>Anyway, let me run down my analysis:
******
TEST 1
******First, this is my home page at the moment (which has developed since I first wrote), where all Image Media Element images have Advanced > Link Settings set to Open in Lightbox, EXCEPT AS INDICATED OTHERWISE:
- Dog (test image) in a 1/1 column layout element
- Office Photo in Color Section
- Color Section with text
- Middle-aged couple (test image) in a 1/1 column layout element
- Empty Color Section
- Woman holding dentures (test image)
- Couple on beach (test image) inside a Textblock in a 1/1 column layout element: this embedded image has Display Settings > Link To = Media File (with URL set to the image’s Media Library original full size URL)
- Couple with pretzel & coffee (test image) inside a Textblock in a 1/1 column layout element
- Color Section containing a heading, “Our Services”, in a 1/1 column layout element.
- Color Section for Our Services with 3 rows 3 columns:
- The oral surgery test image again (full size this time), inside a 1/1 column layout element (test image)
– A bunch of dentures photo (small thumbnail-like image) inside the first 1/3 column layout element
– An oral surgery photo (small thumbnail-like image) inside the second 1/3 column layout element (first row)
– A denture on implants (small thumbnail-like image) inside the third 1/3 column layout element (first row): Advanced > Link Settings set to Set Manually and linked to the original full size image using its Media Library URL
– …the rest of the images in the grid-like Color Section have their images set to nothing (all 1/3 columns in this “Our Services” Color Section are designed to link to the pages discussing those specific services, except I removed that column link in the first row of images for test purposes)RESULTS WITHOUT “av-group-lightbox”, with Open in Lightbox (and the one manual setting):
- The following images opened up as singular: Dog, Office, Middle-aged couple
- The following images opened connected together in the lightbox gallery: Woman holding dentures, Beach couple, Pretzel couple
- All 3 images from my grid-like Color Section that I defined to Open in Lightbox did so (they were connected together).
So to me it seems like Color Section breaks up image groupings as follows:
- Since there is a Color Section after the dog, it isolates the dog, making it open singly in the lightbox.
- There is only 1 image, the office, inside the Color section following the dog, so it opens singly in the lightbox.
- Since there is an empty Color Section after the Middle-aged couple, it’s isolated and opens singly in the lightbox.
- The next Color Section, containing the “Our Services” heading, comes after the Pretzel couple, so we have 3 images between two Color Sections, allowing them to be connected together to open as a gallery in lightbox.
- The Color Section after that contains our grid-like images (and their headings & blurbs), making all images inside that Color Section set to Open in Lightbox open together in the lightbox as a gallery.
- And the final image at the bottom, our full size oral surgery, is isolated after the previous Color Section, making it open singly in the lightbox.
******
TEST 2
******Then I thought, for the heck of it, I’ll replace all “Advanced > Link Settings = Open in Lightbox” with “Advanced > Link Settings = Set Manually” & URL pointing to the original full size image’s URL in the Media Library.
RESULTS WITHOUT “av-group-lightbox” and manual URL instead of Open in Lightbox: No change–I got the same results. It’s as if it’s the anchor link on the image (which I assume Open in Lightbox also sets) that determines what goes together–within the Color Section mess-up criterion I found.
******
TEST 3
******So I’m left with my problem of being able to open all images on the page I wish to together in a single lightbox gallery, irrespective of what Color Sections may exist on the page–which brings us to your kindly proposed solution.
So, for testing, I added “av-group-lightbox” to the Advanced > Developer Settings > Custom CSS Class field of the following images on my home page as specified below:
- *Dog: av-group-lightbox
- *Office Photo: av-group-lightbox
- Color Section with text
- *Middle-aged couple: av-group-lightbox
- Empty Color Section
- Woman holding dentures
- *Beach couple: av-group-lightbox
- *Pretzel couple: av-group-lightbox
- Color Section with 3 rows 3 columns, with “av-group-lightbox” just in the first 2 images:
- *Full size Oral surgery: av-group-lightbox
– *A bunch of dentures: av-group-lightbox
– *Oral surgery: av-group-lightbox
– Implants denture
– …the rest of the images in the grid-like Color SectionRESULTS WITH “av-group-lightbox” (with either Open in Lightbox or Set Manually–it didn’t matter): There was no change compared to the WITHOUT case:
- The following images opened up as singular: Dog, Office, Middle-aged couple
- The following images opened connected together in the lightbox gallery: Woman holding dentures, Beach couple, Pretzel couple
- All 3 images from my grid-like Color Section that I defined to Open in Lightbox did so connected together, including the Implant denture that I didn’t have “av-group-lightbox” on.
******
TEST 4
******I also tested with “avia-image” instead of “av-group-lightbox”, since I read somewhere in Enfold documentation/support that for an image embedded in a text block (like my Beach couple), you set Link CSS Class = “avia-image” (without quotes).
By the way, I searched through all Enfold parent files (using the Double Commander tool on my computer after downloading the entire Enfold folder to my computer on Jul 30, 2022), and found no “av-group-lightbox” string inside any files anywhere. Did things change perhaps since my download date? I also looked through the downloaded HTML (Developer’s Page Source), and there is basically no difference between the DOMs and classes for all images (except for the obvious stuff).
Any ideas?
Thanks,
Gary-
This reply was modified 2 years, 9 months ago by
.
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
-
This reply was modified 2 years, 9 months ago by
In reply to: Font Fitting into Search
Hi,
To change the font size of the red text in your screenshot Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header #menu-item-search .ajax_search_response a.av_ajax_search_entry { font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.2em; }After applying the css, please clear your browser cache and check.
This is the expected result:
Best regards,
MikeIn reply to: How to change a permalink
Hi RikardI
I need to change some permalinks that I have previously created and sent to Google by Search Console and that have now been automatically changed by Enfold. I am actually not able to change the permalink manually. This is necessary of course for not loosing ranking. I have also previously downloaded the Permalink Manager Light Plugin to be able to remove the suffix /portfolio-articles/ but, the plugin was actually working with another theme (Bridge) and does not work with Enfold
As an example, the current page is https://intercettazioni.biz/portfolio-articoli/cellulari-spia-android-pronti/
but it should be brought back to: https://intercettazioni.biz/cellulari-spia-android-telefono-spia/Dear Support Team:
When I search in Enfold Support (https://kriesi.at/support/) for “Lightbox arrows” (without the quotes), and choose ‘No date limit – search all posts’, ‘last 9 months’, ‘last 12 months’ or ‘last 24 months’, I get this results page: There has been a critical error on this website. However when I choose either ‘last 3 months’ or ‘last 6 months’, it works, and gives me search results. Note that if I swap the order of the keywords, to “arrows lightbox”, the error still comes up.
It happens with other second keywords after “Lightbox” (e.g. “Lightbox arrow”, Lightbox close”, “Lightbox color”, etc.), but not others (e.g. “Lightbox event”). And it also doesn’t happen with just the single keyword, “Lightbox”.
I checked and it’s not the URL generated–the first URL below generates the error, the second does not (they’re identical except for the second keyword):
https://kriesi.at/support/search/Lightbox+arrows/?avia_filter_search=yes&avia_search_forums=66&avia_search_dates=all&avia_search_include=no https://kriesi.at/support/search/Lightbox+event/?avia_filter_search=yes&avia_search_forums=66&avia_search_dates=all&avia_search_include=noBy the way, I was doing that search in the first place because I was having problems with some images opening in the lightbox singly, on their lonesome, without the arrows to scroll through the other images on the page. But I opened another topic to inquire about that.
Can you help please with this search issue.
Thanks,
GaryIn reply to: ALB textblock strips out span-tag
Hey BeeCee,
Thank you for your patience, the issue is because TinyMCE strips empty tags, and while there are different solutions such as: one, two, etc,
I recommend simply adding a class to the span so it is not empty like this:
In my tests the span is not removed even with multiple edits and you are not opening yourself up to possible future issues with using the functions.
Best regards,
MikeIn reply to: Ajax Search Shortcode for sidebar is not working
Hi,
To fix the SEARCH – SHORTCODE IN DIV CLASS icon and input field alignment try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .sidebar .custom-html-widget .avia_search_element #searchsubmit { width: 10%; padding: 0; } #top .sidebar .custom-html-widget .avia_search_element #s { width: 85%; display: inline; float: left; }this seems to correct:
in my test the search results show correctly:
Best regards,
MikeIn reply to: Font Fitting into Search
Hey Anna_Tewes,
Thank you for the inquiry.
Adding this css code should adjust the size of the post titles in the AJAX search container.
.av_ajax_search_title { font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.2em; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
I tried the solution of @mike here to use the shortcode for the AJAX search in the blog’s sidebar:
–> here
and in the documentation here –>I have added this to my code snippets plugin:
add_shortcode('avia_search', 'get_search_form');Then I placed the widget “Custom HTML” in my sidebar with this shortcode:
[avia_search]So far so good, it works, but it is not the ajax functionality, i.e. when I type a search term then a popup opens with the search results.
This works fine in the main menu where I have added the search icon via the theme settings.How can I apply the ajax search functionality to the shortcode in my sidebar please?
Thank you.Hi,
Thanks for the feedback, I see your link is to some inner pages where I had tested the homepage, I don’t know why you see the error there:
but not on the homepage:
For the two social icons in your footer in the text widget, I assume that you added these manually, can you just change the aria-hidden to false?
I will research a solution for the scroll-top-linkBest regards,
MikeIn reply to: FiboSearch search bar hover behavior
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#avia-menu .dgwt-wcas-search-wrapp { opacity: 1 !important; display: block !important; } #avia-menu .dgwt-wcas-layout-icon-flexible-loaded .dgwt-wcas-search-form { opacity:0; }After applying the css, please clear your browser cache and check.
Best regards,
MikeTopic: Portfolio sorting options
Hi,
I would like to use the portfolio grid, but i do need to different search functions.
Once I wanna search for Type e.g. Apple, Pear, Berry, Herb
and then I also want a search by characteristic e.g. green, red, blue, etc.It would be perfect if I could combine the two, like: show me red apples, etc.
Is this possible with Enfold and if so, how would I go about it?
I was thinking along the lines to once sort by category (Type) and then use tags for the second search (characteristics) but it doesnt seem possible to use tags for the portfolio sorting.If Enfold doesnt provide this, is it possible to use a plugin like Search & Filter?
Hey guychalk,
Thank you for the inquiry.
You have to add the following css rule to adjust the search text when the French language is active.
html[lang=fr_FR] #menu-item-search a:after { content: ‘ Recherche’; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modification.
Best regards,
IsmaelIn reply to: “Layout” sidebar options missing
Well I’ll be…that was it! I logged in under the user that I created for you and everything was fine. For some reason our main admin account was being stripped of certain layout permissions. I searched through all the setting in Enfold and couldn’t fine a reason for it. Any idea why it would do that? Anyways, I deleted that account and re-created it and that fixed the problem. Thank you for the help in resolving this issue. :)
Hi there,
I want a template that includes just the header and footer but is completely full-width with no margins and no padding in the content area. I have already modified the CSS to make the header and footer full-width. I can’t seem to make the content area full width. I DON’T want to use the ALB on this page. I have included the link: I created a template in a child theme that seems to include just those items but the right side still includes a margin. I have targeted all of the CSS and nothing seems to get rid of that right margin.Here’s what I”ve targeted:
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
margin:0;padding:0;
}
The bb-container style is my workaround trying to make this content area full page.
.bb-container {
max-width:none;
width:auto;
margin:0 0;
margin-right:0;
}
.entry-content{margin:0; padding:0;}I tried to take the call to the sidebar out of the template, but it didn’t work. I thought the sidebar may be keeping it from being full width:
Here’s the template :<?php /* Page Template Name: BB full width */ if ( ! defined( 'ABSPATH' ) ){ die(); } global $avia_config, $wp_query; /* * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory. */ get_header(); /** * @used_by enfold\config-wpml\config.php 10 * @since 4.5.1 */ do_action( 'ava_page_template_after_header' ); if( get_post_meta(get_the_ID(), 'header', true) != 'no') { //echo avia_title(); } do_action( 'ava_after_main_title' ); ?> <div class='bb-container'> <main class='content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>> <?php /* Run the loop to output the posts. * If you want to overload this in a child theme then include a file * called loop-page.php and that will be used instead. */ get_template_part( 'includes/loop', 'page' ); ?> <!--end content--> </main> <?php //get the sidebar $avia_config['currently_viewing'] = 'page'; get_sidebar(); ?> </div><!-- close default .container_wrap element --> <?php get_footer();I’ve searched for days and cannot find the answer to this issue. Thanks in advance.
Hi,
I’ve searched the forum to find a solution to have an image caption of a single image (ALB element) BELOW the image and NOT AS OVERLAY.
Unfortunately the ALB settings for a single image has only the option to show an image caption as overlay YES/NO, but not just below the image and not as overlay.I found a solution from @Yigit, but the post is old, the masonry-helper file does not exist in newest ENFOLD and I need it for single image ALB element:
I could use, for example the ALT text of the image as suggested here in Yigit’s post —> .This is what I would like to achieve:
But please note:
the normal behaviour of ALB image element should remain “as is” (with the possibility to show a caption as overlay).
It would be great, if I could add IN ADDITION to it my “own” custom ALB image element “with no overlay but caption below”.The function from your documentation to add custom ALB elements mentioned here –> is already added in my plugin “Code Snippets” area and activated!
Thank you.
In reply to: Can’t see the price when using Enfold
Hi,
Thank you for your patience and the explainion with links to examples, the first example could be achieved by using the Advanced Layout Builder elements to create your product page.
Your first example page starts with class information such as images, table, a slider and text elements, you can use the layout elements for these, and then add your “product price” element under these with your “product purchase button”, and at the botton add the “related products” element.
I’m having trouble understanding your language on your product page example so I’m not so sure what you mean by “placing the city” first, but I think you mean the drop down options for the products:
these can be moved in the product variations in the backend by draging them:
The sign up form on the example page uses the WooCommerce Box Office plugin, I don’t have experience with it but here is a link to it’s documentation. There maybe other free WordPress plugins that will do the same job but I don’t know or tested any. WooCommerce Bookings might be another option, I recommend that you research different plugins to find one that meets your needs and try to test them with Enfold before buying anything expensive as not all plugins work well with Enfold, sometimes you will need to test first to ensure there won’t be a conflict.
I hope this helps.Best regards,
Mike
