Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
The theme already contains responsive styling for smaller screens, so you do not have to do anything. The screenshot of the site scaled to 150% actually looks fine, again because of the existing styles for smaller screens or because of the css media queries from the theme, but you could use additional css media queries to adjust the style of the page if you think that it is not supposed to look that way.
Best regards,
IsmaelHi,
Odd. The max attribute of the quantity field is already set to 1 but for some reason, it is still possible to add another item.
<input type="text" id="quantity_602fa7777391c" class="input-text qty text" step="1" min="1" max="1" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric">
This might be a bug in the quantity field script. Is it working correctly when you add more than 1 item or increase the stock level?
Thank you for following up.
Best regards,
IsmaelHi,
Thank you for the update.
Try to add this css code to create more space for the icon and the title.
.avia-icongrid-tooltip li .avia-icongrid-front { padding: 0; }
Make sure to include it inside the css media query that we created above. And to increase the size of the icon, try to adjust this css code.
.avia-icongrid-icon { font-size: 18px; line-height: 1; margin-bottom: 0.5em; color: initial; }
Increase the font-size from 18px to 30px or to any value that you prefer.
Best regards,
IsmaelHi,
Thank you for the update.
They look the same on my end. Did you set the Enfold > Blog Layout > Blog Blog Styling to Elegant?
Best regards,
IsmaelFebruary 19, 2021 at 1:25 pm in reply to: Post Type Link only works with blog style grid layout #1282208Hi,
Thank you for the update.
In the list layout, it actually works but you have to click the post title and not the read more link. If you want, we could hide the read more button for posts with link format using this css code.
.format-link .read-more-link { display: none !important; }
To disable just the read more link but keep the actual button, use this instead.
.format-link .read-more-link { pointer-events: none !important; }
Best regards,
IsmaelHi,
Thank you for the update.
Looks like that is the default style of the accordion images. To override it we added this css code in the Quick CSS field.
#top .aviaccordion-slide img { height: auto !important; }
Please purge the cache and do a hard refresh before checking the page. We have also disabled the Performance > File Compression settings temporarily.
Best regards,
IsmaelHi,
Yes, you would have to adjust it with css if you want the color of that particular table to be different from the default color.
To change the style of the elements inside a specific column or table, we will try to explain what we did above. This selector targets the first column of the table inside the pricing_table-lwp section.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child
.. so if you want to change anything inside that column, just prepend the selector of the target element to that selector. In order to change the style of the first cell inside the first column, you can try this css code.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child .pricing-table li:nth-child(2) { background: red; }
For the second cell.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child .pricing-table li:nth-child(3) { background: red; }
Third:
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child .pricing-table li:nth-child(4) { background: red; }
Again, we are using nth-child selectors to target a child element inside a parent container.
// https://css-tricks.com/almanac/selectors/n/nth-child/
As you may have noticed, we did not use nth-child(1) because the first cell is the heading row, which we already adjusted above using its unique class name avia-heading-row.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child li.avia-heading-row { background-color: #0000ff; }
Best regards,
IsmaelHi,
Glad it is working.
You do not have to adjust anything aside from the image links inside the gallery container. Please note that this line..
$(this).next().magnificPopup('open');
.. looks for the next element after the gallery-link container, which is the gallery container and includes any link tag inside the gallery container in the lightbox preview.
And do not forget to add the css code above to set the opacity of the mfp-figure container.
Best regards,
IsmaelFebruary 19, 2021 at 12:54 pm in reply to: Left side bare under the product picture on single product page. #1282198Hi,
Thank you for the info.
You have to make the single-product-summary and the single-product-main-image containers to float to the right instead of to the left.
.single-product-summary, single-product-main-image { float: right !important; } .single-product-main-image { margin-right: 0; } .single-product-summary { margin-left: 50px; }
Then style the sidebar with this css code.
#top #main .sidebar { border-right-style: solid; border-right-width: 1px; margin-left: 0; }
Best regards,
IsmaelHi,
Thank you for the update.
You can use this css code to adjust the height of the scrolled header to 177px.
@media only screen and (min-width: 768px) { .container.av-logo-container, .logo a, .logo a img, .main_menu li a { height: 177px !important; height: 177px !important; line-height: 177px !important; max-height: 177px !important; } }
Best regards,
IsmaelHey!
Thank you for the update.
The site is on maintenance mode, so we were not able to check the site and test the slider. If you are still using videos from Youtube, please add this snippet in the functions.php file to prevent the previous issue from occurring and allow the video to loop.
add_filter("avf_youtube_video_data", function($data) { unset($data["playlist"]); return $data; }, 10, 1);
Best regards,
IsmaelHi,
If i change the icon the code for that icon must be found somewhere in the code, right?
Yes, that is true. That change will be reflected in the iconbox shortcode, which should look something like this in the shortcode field, located below the builder, if debug mode is enabled.
[av_icon_box icon='ue81f' font='entypo-fontello' title='IconBox Title' position='left' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-klazh7am' sc_version='1.0' admin_preview_bg=''] Click to add your own text here [/av_icon_box]
To enable the debug mode and to actually see the shortcodes below the advance layout builder, please use the snippet from the documentation.
// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode
That value does not even matter because the icon_select parameter, which is a flag whether to display the icon for the av_button shortcode, is set to “no”, which means that the value ue800 will never be used and no icon will show for the av_button shortcode.
icon_select='no' icon='ue800
This is the whole av_button shortcode inside the Icon Box content.
[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pwom0ms'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pdbb4xg']
Again, the av_button shortcode is a custom content previously added manually by someone in the Icon Box element’s Content editor and it is not a default option or it is not part of the Icon Box shortcode, so you can remove it if necessary.
Thank you for your understanding.
Best regards,
IsmaelHi,
Thank you for the update.
If this continues to happen, your site is probably a target and they found a way to bypass the simple captcha script. You may need to use a different contact form or use another security plugin such as WordFence or All In One WP Security & Firewall to control the site traffic and block suspected addresses.
// https://wordpress.org/plugins/wordfence/
// https://wordpress.org/plugins/all-in-one-wp-security-and-firewall/You could also try this plugin.
// https://wordpress.org/plugins/stop-spammer-registrations-plugin/
Best regards,
IsmaelHi,
Thank you for the update.
Please note that the snippet above will not change anything on how the theme loads the entypo-fontello font, so the speed tool will still complain about it, but it should improve the loading performance of the icons in the front end. Unfortunately, the only way to load entypo-fontello is with the font face rule, so we will not be able to use preload and/or satisfy the pagespeed insights tool.
Best regards,
IsmaelHi,
Thank you for the info.
Another user was trying to add the same widget from calendly and we noticed that the issue occurs when he/she tries to add the script tag directly in the code block, so we recommended using the wp_enqueue_script and wp_enqueue_style to properly load the scripts and stylesheets.
// https://kriesi.at/support/topic/use-java-script-in-button/#post-1222022
You could also create a custom shortcode for the script so that you do not have to embed the script tag directly in the builder.
// https://codex.wordpress.org/Shortcode_API
Best regards,
IsmaelHey kyle123,
Thank you for the inquiry.
Did you follow the suggested changes in the following post?
You may need to purge the cache after doing the modification.
For the mega menu, this should work.
// https://kriesi.at/support/topic/make-mega-menu-accessible/#post-1253157
If you need further help, please post the login details in the private field and we will try to implement the changes.
Best regards,
IsmaelHey frosch178,
Thank you for the inquiry.
The privacy or cookie options of theme will only work on the default video elements from the builder, and it is compatible with the plugin that you mentioned above. You might be able to create additional custom cookies in the Enfold > Privacy & Cookies > Cookie Handling > Advanced Options if the plugin relies on custom cookies to control the videos, but we are not really sure how the plugin works. Please contact the plugin developers for additional assistance.
Best regards,
IsmaelHey fabienneRedUmb,
Thank you for the inquiry.
1.) We could use this css code to disable the link of the featured image for posts with audio format.
.single-format-audio .big-preview.single-big a { pointer-events: none; }
2.) The Masonry and Blog Posts elements can only display featured images, not videos and making it do so will require significant amount of modification that we will not be able to provide here in the forum. You may need to find a third party plugin or hire a freelance developer to customize the elements or create a new template.
// https://kriesi.at/contact/customization
Best regards,
IsmaelHey bk28832,
Thank you for the inquiry.
You have to set the Enfold > Privacy & Cookie > Cookie Handling > Cookie-Zustimmungs-Nachricht aktivieren settings to the second option and enable the cookie consent bar or messages in order to prevent the fonts from loading without user consent. Please check the following documentation for more info about the privacy options.
// https://kriesi.at/documentation/enfold/privacy-cookies/
Best regards,
IsmaelFebruary 18, 2021 at 1:52 pm in reply to: preset a portfolio to have on default a custom widget area shown. #1281990Hey Guenter,
Thank you for the inquiry.
It seems to be working properly on our end, still. Try to check if the current view has the portfolio post type.
function ava_enfold_builder_layout_mod(){ add_filter('avf_builder_elements', 'avf_enfold_builder_layout_settings_mod', 10001, 1); } add_action( 'after_setup_theme', 'ava_enfold_builder_layout_mod' ); function avf_enfold_builder_layout_settings_mod($elements){ if(avia_get_current_post_type() == "portfolio") { $counter = 0; foreach($elements as $element){ // Layout > Sidebar Settings if($element['id'] == 'layout') { $elements[$counter]['std'] = 'sidebar_right'; } // Layout > Footer Settings if($element['id'] == 'footer') { $elements[$counter]['std'] = ''; } // Layout > Title Bar Settings if($element['id'] == 'header_title_bar') { $elements[$counter]['std'] = 'hidden_title_bar'; } // Layout > Header visibility and transparency if($element['id'] == 'header_transparency') { $elements[$counter]['std'] = ''; } $counter++; } } return $elements; } function avia_get_current_post_type() { global $post, $typenow, $current_screen; if ($post && $post->post_type) return $post->post_type; elseif($typenow) return $typenow; elseif($current_screen && $current_screen->post_type) return $current_screen->post_type; elseif(isset($_REQUEST['post_type'])) return sanitize_key($_REQUEST['post_type']); return null; }
Check for post type based on: https://wp-mix.com/get-current-post-type-wordpress/
We can also use this: https://gist.github.com/DomenicF/3ebcf7d53ce3182854716c4d8f1ab2e2
Best regards,
IsmaelHey Daniele,
Thank you for the inquiry.
1.) We cannot reproduce the issue on our end, the title column stretches horizontally when we checked the Pages panel.
2.) This is probably happening because the site is still using an old version of WordPress, 5.0.2, which is no longer compatible with the theme and the plugins. You have to upgrade to the latest version of WordPress.
// https://wordpress.org/download/
Best regards,
IsmaelHey gharry79,
Thank you for the inquiry.
The original size (1810x2560px) of the the image is actually displayed in the preview. (see private field)
You may need to resize it down to 800px, or at least decrease the size a bit and upload it again so that the browser does not have to resize it in the preview.
Best regards,
IsmaelHi,
Sorry for the delay. We will forward the issue again to our developers. For the meantime, please use this css code to override the code in the avia_admin.css file.
.ui-sortable-placeholder { margin: auto !important; }
Best regards,
IsmaelHey Tobias,
Thank you for the inquiry.
Do you have an installation with the Monster Insights plugin installed? We checked the site above but it is not using the privacy & cookie options from the theme — Borlabs plugin is installed. Additional info from the plugin developers should help a lot.
Best regards,
IsmaelHi,
The video plays automatically on a phone running on MIUI, which is a modified version of Android, so it should run properly on any Android devices.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
You can use the avf_alb_supported_post_types filter in the functions.php file to add more items to the list of supported post types.
/* Add more items to supported post types **************************************************************************** Enfold - CPT UI */ function avf_alb_supported_post_types_mod( array $supported_post_types ) { $supported_post_types[] = 'theor_grundlagen'; $supported_post_types[] = 'grundlagen_planung'; $supported_post_types[] = 'orientierungsplan'; return $supported_post_types; } add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);
Let us know if that helps.
Best regards,
IsmaelHi,
Thank you for the update.
We cannot reproduce the issue on our end. This is how the headers look on our end.
buddy: https://imgur.com/tvFFGsu
andrew: https://imgur.com/jR5rINXWould you mind providing a screenshot of the issue? You can use the same image hosting for the screenshot, imgur or dropbox .
Best regards,
IsmaelHi,
Thank you for the inquiry.
Responsiveness of the site is currently determined by the existing css media queries, and the same ones can still be used to adjust the layout of the site on a scaled monitor. So for a monitor with a 1920×1080 display resolution, scaled up to 150%. the effective resolution will be less than 1300px, so the following css media query should work.
@media only screen and (max-width: 1366px) { /* Add your Mobile Styles here */ body { display: none !important; } }
Best regards,
IsmaelHey Orla,
Thank you for the inquiry.
The following condition can be adjusted to include the default post type.
if( !is_singular('tribe_events') ) { return; }
Replace it with:
if( !is_singular('tribe_events') || !is_singular('posts') ) { return; }
Let us know how it goes.
Best regards,
IsmaelHi,
Thank you for the update.
We cannot reproduce the same issue on our end — the color of the mobile menu is actually set to the color that you prefer. This is the css code for the mobile menu icon.
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: #b5055a; }
As you can see, the background-color of the three lines are set to #b5055a.
Best regards,
Ismael -
AuthorPosts