Forum Replies Created
-
AuthorPosts
-
Hi,
You are welcome. Happy to help. The search icon is not displaying because of the following css code.
#top #header .av-main-nav > li.menu-item { display: none !important; }
You have to add the following css code below the other to display the search icon back.
#top #header .av-main-nav > li#menu-item-search { display: block !important; }
Best regards,
IsmaelHi,
Thank you for the info.
The password for the username is incorrect, unfortunately. Please check it carefully or provide another valid account so that we could access the dashboard.
Best regards,
IsmaelHi,
It should go inside the on function or inside the event listener. Please look for this line..
jQuery(“#toggle-section”).toggleClass(“hide-me”);
.. and replace it with:
jQuery( "#toggle-section" ).animate({ opacity: 1, }, 1500, function() { });
Best regards,
IsmaelHey Stefan,
Thank you for the inquiry.
How did you set the Product Grid element to display the categories? Please post the site or page URL so that we could inspect the element.
We might be able to use the snippets provided in the following thread and customize it a bit so that the description displays below the product image.
// https://stackoverflow.com/questions/19249756/how-to-display-woocommerce-category-description
Best regards,
IsmaelDecember 16, 2020 at 5:37 am in reply to: left to right and right to left animation modification #1267673Hi,
Thank you for the update.
The animation seems to be working as it should, the slight bounce at the end of the effect is still there. We checked the site on Chrome Windows 10 as seen in the screenshot below.
Screenshot: https://imgur.com/a/FkYlidc
Best regards,
IsmaelDecember 16, 2020 at 5:18 am in reply to: I would like an new text alignement on my phone display #1267668Hey barabasone,
Thank you for the inquiry.
Try to apply a unique class name (Advanced > Developer Settings > Custom CSS Class) to the 1/5 column elements containing the descriptions, use “description-column” for example, then use the following css code to adjust the width of the columns on mobile view.
@media only screen and (max-width: 767px) { .description-column { width: 48% !important; margin-left: 1%; float: left; clear: none; } }
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
But due to the columns’ predefined styles, the layout might look a bit different compare to the screenshot.
Another solution is to create another set of text description or specifications that is fully configured for mobile view. You may need to place all text and the required html structure in a single text block and apply the custom styles accordingly. Using css flex might be of help in this case.
// https://css-tricks.com/snippets/css/a-guide-to-flexbox/
The html structure might look like this.
<div class="left-column"> descriptions or specifications here</div> <div class="right-column"> descriptions or specifications here</div>
Best regards,
IsmaelDecember 16, 2020 at 4:54 am in reply to: ‘social profiles – zusätzliche Icons hinzufügen’ – mehrere icons- wie möglich #1267657Hey buerogestaltet,
Thank you for the inquiry.
This is a duplicate of the following post.
The solution can be found in that thread. We will close this one for now.
Best regards,
IsmaelDecember 16, 2020 at 4:46 am in reply to: autoloaded data is too large and crashing my server #1267654Hi,
@CodeSamurai: Thank you for the info. Did you install a different minification plugin?
@CloudyPro: Have you tried using a different compression plugin? Most cache plugins also have this option by default, so you might have to test the options or the plugin settings to find out which combination works best for your server.Best regards,
IsmaelDecember 16, 2020 at 4:43 am in reply to: aviaAsset_avia-head-script autoloaded data accumulation issue #1267652Hi,
@Cloudypro: The theme’s file compression settings should be disabled if you are using another minification plugin such as Autoptimize because they are basically doing the same thing, which is to combine the scripts and stylesheets into a single minified file. The settings mentioned above will not be used or will not be in effect if the compression is disabled.Best regards,
IsmaelDecember 16, 2020 at 4:29 am in reply to: How to put commas to separate taxonomies from different groups of taxonomies #1267647Hi,
Great! Glad to know that you have found a solution. In hindsight, using Javascript is bit of an overkill. Please feel free to open a new thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHey Resor,
Thank you for the inquiry.
You can use the available shortcodes from Woocommerce in a code or text block, but you might have to adjust its style a bit.
// https://docs.woocommerce.com/document/woocommerce-shortcodes/
If you want to do it manually, try to use the Image element, apply the link of the product category pages to the images, then separate the images using the Column elements.
Best regards,
IsmaelHi,
You can use this css code to apply a border around the button on mouse hover.
#top .avia-button:hover .avia_button_background { border: 1px solid green !important; }
But you have to adjust this css code, and remove the top margin.
.second-button .avia-button { border: 10px solid #FFF !important; z-index: 2; z-index: 2; float: none !important; margin-top: -35px; }
Then add this css code to pull the button upwards.
.second-button { top: -35px; position: relative; }
Best regards,
IsmaelHi,
Thank you for the screenshots.
It looks fine on a device emulation, but it might be resizing that way because the background-attachment property is set to fixed. Try to add this css code to revert the background attachment back to scroll on mobile view.
@media only screen and (max-width: 767px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li { background-attachment: scroll !important; } }
Best regards,
IsmaelDecember 15, 2020 at 12:48 pm in reply to: ‘social profiles – zusätzliche Icons hinzufügen’ – mehrere icons- wie möglich #1267447Hi,
Sorry for the delay. We edited the snippet or filter in the functions.php file a bit, and added the spotify icon and associate the custom font icon to it. This is the adjusted filter in the functions.php file.
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['apple'] = array( 'font' =>'newicons', 'icon' => 'uf179'); $icons['spotify'] = array( 'font' =>'newicons', 'icon' => 'uf327'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['apple'] = 'apple'; $icons['spotify'] = 'spotify'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
You can now edit the spotify icon in the Enfold > Social Profiles panel.
Best regards,
IsmaelHi,
Thank you for the screenshot.
We could not reproduce the issue on our end and for some reason we cannot inspect the site using the browser inspector. Did you disable it, or install a plugin that blocks browser inspection?The background of the cells are probably not displaying correctly on mobile devices because they are fixed or sticky. Please try to revert the background-attachment property back to scroll on smaller screens.
@media only screen and (max-width: 767px) { .flex_cell { background-attachment: scroll !important; } }
Best regards,
IsmaelHi,
Thank you for the screenshot.
We could not reproduce the issue on our end and for some reason we cannot inspect the site using the browser inspector. Did you disable it, or install a plugin that blocks browser inspection?The background of the cells are probably not displaying correctly on mobile devices because it is fixed. Please try to revert the background-attachment property back to scroll on smaller screens.
@media only screen and (max-width: 767px) { .flex_cell { background-attachment: scroll !important; } }
Best regards,
IsmaelHey 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,
Ismael -
AuthorPosts