Forum Replies Created
-
AuthorPosts
-
Hey Jak73,
Thank you for the inquiry.
You can use the following snippet in the functions.php file to create a custom shortcode that renders the post tags.
/* shortcode to render post tags */ function post_tags_shortcode() { global $post; $tags = get_the_tags($post->ID); $separator = ' '; $output = ''; if (!empty($tags)) { foreach ($tags as $tag) { $output .= '<a href="' . esc_url(get_tag_link($tag->term_id)) . '" alt="' . esc_attr(sprintf(__('View all posts in %s', 'textdomain'), $tag->name)) . '">' . esc_html($tag->name) . '</a>' . $separator; } } return trim($output, $separator); } add_shortcode('sc_tag_category', 'post_tags_shortcode'); You can now use the [sc_tag_category] shortcode to display the tags inside the post.In the advance layout builder, add a code or text block, then use the [sc_tag_category] shortcode to render the tags.
Best regards,
IsmaelDecember 15, 2020 at 5:25 am in reply to: Changed upload folder no images indexed on google and bing? #1267359Hey Jak73,
Thank you for the inquiry.
This process might take a while, but you can ask Google to recrawl the site or the URLs so that they could re-index the pages and the images.
// https://developers.google.com/search/docs/advanced/crawling/ask-google-to-recrawl
The sitemap is showing the appropriate number of images on every page as you can see in the sitemap page below. Did you recently install a different SEO plugin? (see private field)
If possible, please refrain from opening duplicate threads.
// https://kriesi.at/support/topic/images-are-not-indexed-by-google/
Best regards,
IsmaelHi,
We are able to reproduce the issue on peetersenhermans site using Chrome Windows 10, but not in the default church demo, so this is probably related to a plugin or to the latest WordPress version 5.6. Please try to install the following plugin, activate it, go to the Settings > jQuery Migrate panel and set jQuery to the legacy version.
// https://wordpress.org/plugins/enable-jquery-migrate-helper/
Let us know if it changes anything.
Best regards,
IsmaelHi,
Thank you for following up.
It was not working properly because of a few invalid color values in the General Styling panel. There was a color option containing double hash tags and a missing one on the other. We corrected the values and saved the theme options. We also removed the shortcode in the private field because it seems to be breaking the layout of the page. Have you tried using the Widget Area element in the advance layout builder instead of adding the shortcode directly?
Best regards,
IsmaelHi,
@stef93500: That should be possible. Please open a new thread and post the site or page URL in the private field so that we can check the current layout of header and provide the necessary modifications. We will close this one for now.Best regards,
IsmaelDecember 15, 2020 at 4:40 am in reply to: Equal height columns break layout in "The events calendar" events #1267344Hi,
You are welcome! Glad it is working properly now.
1.) The avf_builder_boxes is still in used or still valid, but it is no longer used to enable the Advance Layout Builder for custom post types. You can use the filter to customize the default meta boxes for certain post types such as the Layout box or the Enfold Shortcode Parser when necessary.
2.) These filters just enable the Post Type dropdown or select field for certain elements such as the Portfolio Grid or Blog Posts. You do not need it to enable the ALB for a specific post type.
Best regards,
IsmaelDecember 15, 2020 at 4:34 am in reply to: Google Maps (User must accept to show) does not get enabled without reloading #1267343Hi,
Thank you for the info.
The map widget uses an external service or require an external script from Google, so the privacy options will block it or not load it automatically when the Default Cookie Behavior is not set accordingly. Again, if you want to allow external scripts to load automatically, set the Default Cookie Behavior to the first or second option.
Best regards,
IsmaelHi,
This will just prevent WordPress from loading all these data on every page load, and will only fetch them when necessary such as when compressing files or when regenerating the minified css or scripts.
Best regards,
IsmaelDecember 15, 2020 at 4:18 am in reply to: Video link button from Full Width Easy Slider not Clickable #1267340Hi,
You are welcome!! Glad it worked. Please feel free to open a new thread if you need anything else.
Have a nice day. :)
Best regards,
IsmaelHi,
Sorry for the delay. The URL or the value of the id property is automatically generated by the testing tool based on the ID of the element with the type Answer. It is not generated by the theme. And based on the screenshot, it does not seem to be showing any errors or warning — it is supposed to be in red or orange if the schema is incorrect or invalid.
Best regards,
IsmaelHi,
When you said “Please note that the ReCAPTCHA option will only work in the theme’s default contact form. ” – I have recaptcha v3 options set in contact form 7 but am still getting a recaptcha error.
The ReCAPTCHA option from the theme is not compatible with or will not work with the Contact Form 7. It will only work with the Contact Form element from the Advance Layout Builder.
It may not be working in the staging site because you did not attach the staging domain or URL to the API key. Please check the documentation below for more info.
// https://developers.google.com/recaptcha/docs/domain_validation
Best regards,
IsmaelHi,
The quantity buttons are actually a custom implementation from the theme and are intentionally disabled or hidden on mobile devices due to the space limitation.
Best regards,
IsmaelHi,
Thank you for following up..
You may need to insert additional set of columns for mobile view and toggle the Advanced > Responsive > Element Visibility options so that the new set is only visible on mobile and the other on desktop or on larger screens.
Best regards,
IsmaelHi,
The previous css code is not working because the columns in the row is set to have equal height. To adjust the breakpoint of equal height columns, please use this css code.
@media only screen and (max-width: 1300px) { .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet { display: block; } .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 0px; margin-bottom: 20px; width: 100%; display: block; } }Best regards,
IsmaelHi,
Thank you for the inquiry.
Instead of using toggleClass, try to use the animate function so that you can specify the duration of the transition.
// https://api.jquery.com/animate/
Example:
$( "#clickme" ).click(function() { $( "#book" ).animate({ opacity: 0.25, left: "+=50", height: "toggle" }, 5000, function() { // Animation complete. }); });Best regards,
IsmaelHi,
Thank you for the update.
This happens on iOS devices such as an iPad because they do not support fixed backgrounds. To fix the issue, we have to set the value of the background-attachment property back to default, which is scroll.
@media only screen and (max-width: 989px) { .avia-full-stretch{ background-attachment: scroll !important; } }Related thread: https://kriesi.at/support/topic/parallax-problem-picture-size-on-ipad/#post-1262565
Best regards,
IsmaelHey jvingerhoets,
Thank you for the inquiry.
It seems to be working normally on our end — tested the staging site and church demo on Firefox Dev Windows 10, and we do not see any script errors in the browser console that might cause the issue.
Best regards,
IsmaelHey Kristin,
Thank you for the inquiry.
Please open a single thread for each inquiry instead of stacking them up on a single post. This will allow the moderators to focus on the question at hand and keep the thread concise and relevant to the original topic. Also, users usually receive a more immediate response this way.
Now, to answer your very first questions.
1.a) In the home page, try to remove the transparent spaces around the logo and upload it again. The theme will automatically resize it based on the height of the header, and we could also manually resize it using css when necessary.
1.b) Use this css code to add a space below the main menu and above the main content.
#header_main_alternate { padding-bottom: 50px; }1.c) This css code should remove the 100px left margin of the testimonial name.
.avia-testimonial-meta { margin-left: 0; }1.d) To resize the footer widget title and content, use this css code.
.widgettitle { font-size: .8em; } #footer .widget p { font-size: 12px; }Please open new threads or posts for the rest of the inquiries.
Best regards,
IsmaelHi,
Thank you for the update.
This might be due to the theme’s Performance > File Compression settings or the cache plugin. Please try to disable the compression settings and the cache plugin temporarily or while you are still working on the site configuration.
Best regards,
IsmaelDecember 14, 2020 at 6:48 am in reply to: Icon grid with images not working anymore because of special characters? #1267033Hi,
Thank you for the update.
We have added the esc_html function in the latest version to properly escape html tags and prevent the builder structure or layout from breaking because of unclosed or invalid tags. You will have to modify the enfold\config-templatebuilder\avia-shortcodes\icongrid\icongrid.php file around line 1888 to be able to continue the use of images within the title field.
$output .= "<{$title_el} class='av_icongrid_title icongrid_title{$icongrid_title} {$av_title_font_classes} {$title_el_cls}' {$markup} {$title_styling_str}>" . esc_html( $atts['title'] ). "</{$title_el}>";Best regards,
IsmaelHi,
Sorry for the late response. It is not probably working yet because the Performance > File Compression settings is enabled. Please toggle the settings or temporarily disable it to regenerate the stylesheets. And to change the menu item color for transparent headers, please use this css code instead.
.av_header_transparency .avia-menu-text { color: #e0e0e0 !important; }This should only change the menu item color when the header is transparent and keep the default color on scroll.
Best regards,
IsmaelHi,
Unfortunately, we are still not sure why it is not working in your installation. It works fine on ours, so it is probably server-related. Do you have another domain or a development version of the site?
Best regards,
IsmaelHey roamingk,
Thank you for the inquiry.
You could add another widget beside the other and apply a unique class name to it or use its generic ID so that you could style it with css. Set it so that it is hidden by default, then use css media queries to display it back on mobile view and hide the other.
We will have to inspect the widgets in order to provide the correct css. Please post the site or page URL in the private field so that we could check the elements.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Hotspots open on mouse hover by default, but you could change the behaviour in the Advanced > Animation > Show Tooltips settings of the hotpost element.
Best regards,
IsmaelHi,
That is correct, but please note that only monocolored icons are allowed in the pack. To be sure that the font icons that you select will work, try to browse icons from fontello.com instead of flaticon.
Best regards,
IsmaelDecember 14, 2020 at 4:06 am in reply to: How do I make the Fullwidth Easy Slider video visible in mobile? #1266987Hey bjorn3w,
Thank you for the inquiry.
Videos added in the slider or in any full width element as background are automatically disabled on mobile devices and will revert back to a fall back image if provided. If you really need to display a video on mobile view, you could either add the Video element in place of the slider by toggling the Element Visibility settings or try to use the Layer Slider.
Best regards,
IsmaelHey poplin,
Thank you for the inquiry.
That is possible but we have to modify the enfold\includes\helper-social-media.php file and adjust the text around line 331.
$this->title = $title !== false ? $title : __( 'Share this entry', 'avia_framework' );We could also use the following plugin to replace the text.
// https://wordpress.org/plugins/say-what/
Best regards,
IsmaelHey Fiachra,
Thank you for the update.
Try to replace this line..
$(‘.hide_this’).toggle();.. with:
$(this).next(".learn_this").toggle();.. so that it will only open the next element with the class name “learn_this”.
Best regards,
IsmaelHi,
So I have to choose
Yes, as explained in the previous thread, the current implementation of the lightbox or of the Magnific Popup script is not compatible with the latest Woocommerce 3.0 gallery. The new 3.0 gallery still has a zoom in and lightbox feature, which can be enabled by adding the following snippet in the functions.php file.
// https://kriesi.at/support/topic/woocommerce-gallery-lightbox/#post-1248170
Best regards,
IsmaelHey Jak73,
Thank you for the inquiry.
This may actually depend on the value of the Maximum Container Width option in the Enfold > General Layout > Dimensions or based on the most common screen sizes used nowadays. Most common screen resolution is 1920x1080px and 1366x768px, so any image size that will fit between that resolution should work fine.
// https://www.hobo-web.co.uk/best-screen-size/
Best regards,
Ismael -
AuthorPosts
