Forum Replies Created
-
AuthorPosts
-
Hi,
It seems to be working as it should as shown in the screenshot below.
Screenshot: https://imgur.com/a/jaYIvfK
The first image (morgan2), which is unattached, is uploaded directly in the media library and added to a post called “Unattached Post” using the Image element, so the the Advance Layout Builder is active on this one. The second (morgan4) and third image (morgan3) are attached to the “Unattached Post” post because they were uploaded directly in the page using the Image element. The fourth one (morgan1) is attached to a post called “Attached Post”, which is using the default block editor. In both editors, the behavior is the same.
So if you do not want the images to be attached to a post or page, make sure to upload them directly in the Media > Library pane, edit a page, add any image element (sliders, gallery etc) and select them from there.
Best regards,
IsmaelHey micscr,
Thank you for the inquiry.
Yes, that should be possible with this css code.
.av-catalogue-content:before { content: "add to cart"; position: absolute; right: 0; top: 50px; }
You can replace the content value with an image or a font icon. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelHi,
Thank you for the update.
This css breaks the menu items with long titles and causes them to merge into a single line.
#top #wrap_all .av-main-nav ul>li>a {
line-height: 0em !important;
}Adjusting the top and bottom padding as suggested above should decrease the total height of the submenu.
#top .av-main-nav ul a { padding: 20px 20px; }
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after the modification.
Best regards,
IsmaelHey MikeTandySwag,
Thank you for the inquiry.
Looks like you adjusted the width of the portfolio preview container with the following css code, which also resizes the image.
.portfolio-preview-image { /* width: 30% !important; */ }
Default width value is 66.6%. To remove the thumbnail, make sure to set the Ajax Portfolio Preview Settings > Display Preview Images settings to slideshow or image list.
Best regards,
IsmaelHey allespalettibystefan,
Thank you for the inquiry.
You can edit the widgets in the sidebar via the Appearance > Widgets panel. Widgets within the Displayed Everywhere widget area are displayed by default, but you can use plugins like If Widget or Widget Logic to control the visibility of the widgets.
// https://wordpress.org/plugins/if-widget/
// https://wordpress.org/plugins/widget-logic/Best regards,
IsmaelHi,
Thank you for the update.
Glad to know that you managed to find a working solution. To adjust the header style, edit the page and look for the Layout > Header visibility and transparency settings. There should be a transparent header option in the dropdown.
Best regards,
IsmaelHi,
Thank you for the screenshot.
Did you try the css code above? It should adjust the width and position of the mega menu container when the screen width is equal or less than 1280px.
Best regards,
IsmaelHey sofiadadci,
Thank you for the inquiry.
You can easily create a login/logout menu with this plugin.
// https://wordpress.org/plugins/login-logout-menu/
To change the position of the cart icon, go to the Enfold > Shop Options panel and adjust the Header Shopping Cart Icon settings.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelNovember 24, 2021 at 4:41 am in reply to: Enfold Theme Image for variation products with Avia editor #1330223Hi,
This is not available by default, unfortunately. You may need to ask the agency to create a new shortcode or builder element that renders the default gallery from the shop plugin. Or switch to the classic editor with the default product gallery.
Thank you for your understanding.
Best regards,
IsmaelHey Jorge,
Thank you for the inquiry.
You may need to ask a third party developer to create a plugin or a custom script that automatically creates a post or page when a specific URL is loaded. They will probably use the wp_insert_post function to automate the post/page creation.
// https://developer.wordpress.org/reference/functions/wp_insert_post/
Unfortunately, we cannot find any plugin that does this automatically.
Best regards,
IsmaelNovember 24, 2021 at 4:30 am in reply to: ALB shortcodes are stripped if element gets opened up in backend #1330220Hey spooniverse,
Thank you for the inquiry.
We were not able to reproduce the issue on our installation, which contains the latest version of the theme (4.8.7.1). We updated the page and saved the element a few times.
Screenshot: https://imgur.com/homwyE0
Please try to temporarily disable the plugins, toggle the Enfold > Performance > File Compression settings, then purge the cache before testing it again.
Best regards,
IsmaelHey satucker,
Thank you for the inquiry.
Have you tried any of the steps provided in the troubleshooting section?
// https://kriesi.at/documentation/enfold/contact-form/#troubleshoot
You may need to install the Contact Form 7 plugin temporarily and create a form to test if the server is actually sending mails properly.
Best regards,
IsmaelHey JantienM,
Thank you for the inquiry.
You can try this filter in the functions.php file to adjust the scroll offset or to adjust the position where the document lands after clicking an anchor and scrolling.
function avf_header_setting_filter_mod($header) { $header['header_scroll_offset'] = $header['header_scroll_offset'] - 100; return $header; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
Please make sure to purge the cache and refresh the browser before checking.
Best regards,
IsmaelNovember 24, 2021 at 4:00 am in reply to: La proprietà ImageObject non è riconosciuta dal vocabolario Schema.org. errors #1330211Hey erick1975bcn,
Thank you for the inquiry.
The ImageObject property is not recognized by the Schema.org vocabulary.
Are you using a lot of Image element in the site? That error should not occur in the analysis because ImageObject is a valid item or schema type.
// https://schema.org/ImageObject
Have you tried asking the SEMrush team about the issue?
Best regards,
IsmaelHi,
Yes, that is about it. If you have any specific questions or if you get stuck anywhere, just let us know, but I am sure you will easily find your way by following the documentation or the setup wizard.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
You can use this css to adjust the width of the main image container, which should also increase the width of the 360 image.
#top.single-product .single-product-main-image { width: 100%; }
Make sure to place the code inside one of the css media queries for mobile view.
Best regards,
IsmaelNovember 24, 2021 at 3:43 am in reply to: How to use Metadata content element to show particular categories #1330208Hi,
Thank you for the info.
We understand what you are trying to do but unfortunately, this kind of customization is beyond the scope of support. You will have to hire a freelance developer or find an agency that will help you extend the Metadata shortcode.
Best regards,
IsmaelHi,
Since the css is working correctly when in the Quick CSS field, it is possible that there are some invalid css code in your child theme’s style.css file. You have to correct those in order to fix the issue. Temporarily, you can just leave the css in the Quick CSS field.
Best regards,
IsmaelHi,
Yes, you have to upload the font somewhere in your server, preferably in the wp-content > uploads or in the child theme directory, then use the @font-face rule to register and load it.
Example:
@font-face { font-family: "MyChineseFont"; src: url("/path/to/the-font.woff2") format("woff2"), url("/path/to/the-font.woff") format("woff"); }
You will also have to apply the font to the intended elements using css. To apply it to the special element for example, you will have to use this css.
body .av-special-heading .av-special-heading-tag { font-family: 'MyChineseFont'; }
Please check the link below for more info.
// https://css-tricks.com/snippets/css/using-font-face/
Best regards,
IsmaelHey melanie_erfrischt,
Thank you for the inquiry.
Did you install a cache plugin and compress the scripts and stylesheets? You can inspect the current performance of the site using tools like Gtmetrix or Pagespeed Insights, and follow their recommendations in order optimize the site further. Please check the following articles for more info.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.htmlThis is the current site score, which can be improved by analyzing the tool recommendations and by following the steps listed in the articles above.
// https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.siebentage-store.at%2Fshop%2F
Best regards,
IsmaelNovember 22, 2021 at 7:51 am in reply to: Way to access Enfold ALB page code progammatically? #1329896Hey Rob,
Thank you for the inquiry.
Are you trying to access the content of the advance layout builder? The content is actually saved as the post content, so you should be able to use the get_the_content function to retrieve it.
// https://developer.wordpress.org/reference/functions/get_the_content/
The shortcodes or builder elements are also saved as a custom field with the name _aviaLayoutBuilderCleanData.
// https://developer.wordpress.org/reference/functions/get_post_meta/
An example of this can be found in the template-builder.php file (starting line 64).
{ /** * Filter the content for content builder elements */ $content = apply_filters( 'avia_builder_precompile', get_post_meta( get_the_ID(), '_aviaLayoutBuilderCleanData', true ) ); } else { /** * If user views a preview we must use the content because WordPress doesn't update the post meta field */ $content = apply_filters( 'avia_builder_precompile', get_the_content() ); /** * In preview we must update the shortcode tree to reflect the current page structure. * Prior make sure that shortcodes are balanced. */ Avia_Builder()->get_shortcode_parser()->set_builder_save_location( 'preview' ); $content = ShortcodeHelper::clean_up_shortcode( $content, 'balance_only' ); ShortcodeHelper::$tree = ShortcodeHelper::build_shortcode_tree( $content ); }
Best regards,
IsmaelHi,
Thank you for the update.
Adding the css code above should help to completely adjust the layout of the columns on mobile view regardless of the content length or the number of menu items.
#footer .container { display: flex; flex-direction: row; flex-wrap: wrap; }
You also need to define the width of the columns inside the footer container.
#footer .container .flex_column.av_one_fourth { width: 50% !important; }
Make sure to place the code inside one of the css media queries for mobile view.
Best regards,
IsmaelHi,
Thank you for the update.
Glad to know that you have found a working solution to fix the anchors. Regarding the header, it seems to be working correctly on our end as shown in the screenshot below.
Screenshot: https://imgur.com/2Bc04MN
The white space above the header in the screenshot only displays when the wp admin bar is in the page or when logged in.
Best regards,
IsmaelHi,3
Looks like you are correct. I didn’t think about that. But you might be able to save the click events (accept or not) in your database first, then create a process that only forwards that data to analytics once a user accepted the cookies. The previous data can be removed once it has been submitted so that it doesn’t duplicate the event count. Unfortunately, this kind of modification is beyond the scope of support and may require the help of a third party developer.
Thank you for your understanding.
Best regards,
IsmaelHi,
Thank you for the update.
Have you tried clicking “Alle” filter again after loading the posts? It is possible that only 1 or 2 video posts are loaded in the next page or the page after that. Please try to think of the load more button as a pagination. It will not load all posts immediately even when a related filter is active.
Best regards,
IsmaelHi,
Thank you for the update.
Would you mind providing a screenshot? This is how the mega menu container looks on our end.
Screenshot: https://imgur.com/ihQNu4B
We could use css media queries to adjust the position of the container on different screen sizes.
Example:
@media only screen and (max-width: 1280px) { #menu-item-581 .avia_mega_div { width: 100vw !important; right: -50px!important; left: auto !important; } }
Best regards,
IsmaelHi,
Sorry for the late reply. I imported the demo to check the issue further and while waiting for the import to finish, I get on with other inquiries and this one totally slipped my mind. Sorry about that.
The position of mega menu container on our end is correct as shown in the screenshot below. We didn’t have to add the css code above.
Screenshot: https://imgur.com/xMiFqmE
It is possible that some elements (e.g language switcher) in the header are affecting the position of the mega menu container because the script that calculates it does not take them into account.
P.S. Can you also have someone fix the “Blak Pages” submenu link in the demo to import? It looks a bit silly :-)
I will forward it to our channel. Thank you for the notice.
Best regards,
IsmaelHi,
Thank you for the info.
Looks like you adjusted the settings of the grid row element. Please make sure to use images with the same size and aspect ratio. The grid will not align correctly if one of the image is taller than the others. The content or text (name, skills) will also influence the height of the cells, so make sure to limit the content.
We adjusted the previous modification and added the following css code.
@media only screen and (max-width: 768px) { .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { width: 50%; float: left; min-height: 445px; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-reverse { display: flex; flex-direction: row-reverse; flex-wrap: wrap; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-individual { display: flex; flex-direction: row; flex-wrap: wrap; } } @media only screen and (max-width: 480px) { .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { width: 50%; float: left; min-height: 300px; } }
We also found an invalid code in the Quick CSS field and corrected it.
Best regards,
IsmaelNovember 22, 2021 at 5:20 am in reply to: excerpt line breaks not showing in magazine element #1329882Hi,
Thank you for the update.
Looks like WordPress automatically strips html tags including line breaks before saving the excerpt and the content. You may need to add the following snippet in the functions.php file to allow certain tags in the excerpt.
function wpse_allowedtags() { return '<script>,<style>,,<em>,<i>,<ul>,<ol>,<li>,<a>,,<img>,<video>,<audio>'; } if ( ! function_exists( 'wpse_custom_wp_trim_excerpt' ) ) : function wpse_custom_wp_trim_excerpt($wpse_excerpt) { $raw_excerpt = $wpse_excerpt; if ( '' == $wpse_excerpt ) { $wpse_excerpt = get_the_content(''); $wpse_excerpt = strip_shortcodes( $wpse_excerpt ); $wpse_excerpt = apply_filters('the_content', $wpse_excerpt); $wpse_excerpt = str_replace(']]>', ']]>', $wpse_excerpt); $wpse_excerpt = strip_tags($wpse_excerpt, wpse_allowedtags()); /*IF you need to allow just certain tags. Delete if all tags are allowed */ //Set the excerpt word count and only break after sentence is complete. $excerpt_word_count = 75; $excerpt_length = apply_filters('excerpt_length', $excerpt_word_count); $tokens = array(); $excerptOutput = ''; $count = 0; // Divide the string into tokens; HTML tags, or words, followed by any whitespace preg_match_all('/(<[^>]+>|[^<>\s]+)\s*/u', $wpse_excerpt, $tokens); foreach ($tokens[0] as $token) { if ($count >= $excerpt_length && preg_match('/[\,\;\?\.\!]\s*$/uS', $token)) { // Limit reached, continue until , ; ? . or ! occur at the end $excerptOutput .= trim($token); break; } // Add words to complete sentence $count++; // Append what's left of the token $excerptOutput .= $token; } $wpse_excerpt = trim(force_balance_tags($excerptOutput)); $excerpt_end = ' <a href="'. esc_url( get_permalink() ) . '">' . ' » ' . sprintf(__( 'Read more about: %s »', 'wpse' ), get_the_title()) . '</a>'; $excerpt_more = apply_filters('excerpt_more', ' ' . $excerpt_end); $wpse_excerpt .= $excerpt_more; /*Add read more in new paragraph */ return $wpse_excerpt; } return apply_filters('wpse_custom_wp_trim_excerpt', $wpse_excerpt, $raw_excerpt); } endif; remove_filter('get_the_excerpt', 'wp_trim_excerpt'); add_filter('get_the_excerpt', 'wpse_custom_wp_trim_excerpt');
Best regards,
Ismael -
AuthorPosts