Forum Replies Created
-
AuthorPosts
-
January 19, 2022 at 6:46 am in reply to: Color Section option (Hide video on Mobile Devices) don't work #1336121
Hi,
Thank you for the update.
Please note that fixed backgrounds are not supported on iOS devices by default. You may need to switch the background attachment back to “scroll”, or add this css code to adjust it on mobile view.
.avia_mobile .avia-full-stretch { background-attachment: scroll !important; } .avia-bg-style-fixed { background-attachment: scroll !important; }Best regards,
IsmaelJanuary 19, 2022 at 6:41 am in reply to: WooCommerce product attribute 'Custom Product Attribute' change text functions.p #1336120Hey Webmaster,
Thank you for the inquiry.
Have you tried manually creating an attribute directly in the Attributes panel? You can modify the text or the value of the attribute and probably add a link to it. But you may need to override and modify the plugins/woocommerce/templates/single-product/product-attributes.php template to allow html tags in the product attribute value.
Best regards,
IsmaelHey NicoleVA,
Thank you for the inquiry.
Have you tried hiding them on desktop view? Just edit the element, go to the Advanced panel, then toggle the Responsive Settings > Element Visibility options. By doing this, you can hide the element on certain screen sizes or display another element instead.
Best regards,
IsmaelHey kazumakitajima,
Thank you for the inquiry.
You can use the Enfold > Import/Export > Custom Font Manager to upload Google fonts to your own server. You can also manually upload the font files to your server, then use the @font-face rule to register them. Please check the following documentations for more info.
// https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fontsBest regards,
IsmaelHi,
Thank you for the info.
It is not working because of the code block that is located at the very top of the page which contains the layer slider shortcode. This breaks the layout of the page and pushes the next sections outside the main container. We replaced the code block with the actual Layer Slider element from the Media Elements tab.
Best regards,
IsmaelJanuary 18, 2022 at 7:42 am in reply to: WooCommerce Thumbnails not shown on mobile devices in cart #1335981Hi,
Thank you for the update.
Did you enable the Enfold > Performance > File Compression settings? Please try to disable it temporarily, then purge the cache. Or post the login details in the private field so that we can test the modification.
Best regards,
IsmaelHi,
Thank you for the update.
It seems to be working correctly on our end. We provided a screenshot in the private field. You may need to temporarily disable or toggle the Enfold > Performance > File Compression settings and purge the cache in order to load the new script.
Best regards,
IsmaelHi,
Glad to know that it is working correctly now. You don’t need to add the script in the functions.php file if the Choose button already exists.
Best regards,
IsmaelHi,
Thank you for the clarification.
Try to add this filter in the functions.php file to add an alt attribute to the link element with the av-contains-svg class name.
add_filter( 'avf_logo_final_output', function($logo, $use_image, $headline_type, $sub, $alt, $link, $title) { preg_match_all('/<svg(.*)>(.*)<\/svg>/mis', $logo, $output_array); $image = $output_array[0]; if(strpos($image[0], "svg")) { $logo_img = $image[0]; $logo = "<{$headline_type} class='logo avia-svg-logo'><a href='{$link}' alt='logo' class='av-contains-svg'>{$logo_img}{$sub}</a></{$headline_type}>"; } return $logo; }, 10, 7);If you want to adjust the alt attribute value, just look for this line.
<a href='{$link}' alt='logo'Best regards,
IsmaelHi,
It is actually working the last time we checked. Did you edit the first Tab Title field? That is where we add the span tags. Make sure to wrap the text inside the span elements.
This is for the BG language.
<span class="av-priv-bg">Как използваме бисквитки</span>And this is for TR.
<span class="av-priv-tr">TR Как използваме бисквитки TR</span>You can also use this for the privacy shortcodes or toggles. Just make sure to add this css code.
#top .av-priv-bg, #top .av-priv-tr { display: none; } html[lang="bg-BG"] #top .av-priv-bg { display: inline-block; } html[lang="tr-TR"] #top .av-priv-tr { display: inline-block; }Anything that you add inside those span elements should display if the corresponding language is active.
Best regards,
IsmaelHi,
We just deactivated the plugins and the pages displayed their actual content. Not really sure what happened there, might be the cache. But we are glad that it is working correctly now. Please let us know if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
We cannot see any layout issues with that page. The blog posts element shown in the screenshot below (see private field) is set to have to 3 columns and it seems to be displaying as it should.
Would you mind providing a screenshot of the actual section with the issue?
Best regards,
IsmaelHi,
Thank you for the update.
Unsure why Enfold wouldn’t clear this after related options are updated
The cached file is probably generated by a cache or compression plugin, so the theme will not be able to delete it. You may have to manually purge the cache or toggle the file compression settings from the plugins’ options panel.
If you have more questions, please feel free to open another thread. We will close this one for now.
Have a nice day.
Best regards,
IsmaelJanuary 18, 2022 at 5:19 am in reply to: remove enfold language switcher and use wpml language switcher #1335953Hi,
Sorry about that. We forgot to replace add_filter with the remove_filter function. This is the updated code.
remove_filter( 'wp_nav_menu_items', array( "avia_WPML", 'handler_append_lang_flags' ), 9998, 2 ); remove_filter( 'avf_fallback_menu_items', array( "avia_WPML", 'handler_append_lang_flags' ), 9998, 2 );Thank you for your patience.
Best regards,
IsmaelHi,
You should find the icons at the very bottom of the list. Please check the screenshot in the private field. We also created a test page.
Best regards,
IsmaelHi,
Would you mind giving us a screenshot of your dashboard? You can use imgur or dropbox for the screenshot. The theme is actually active in site and the content of the only “test” page is displaying correctly. Please check the screenshot in the private field.
To learn more about the theme and how to get started, please check the documentation below. And if you have more questions, please do not hesitate to ask us here in the forum.
// https://kriesi.at/documentation/enfold/
Best regards,
IsmaelHey Dominique ,
Thank you for the inquiry.
It is probably referring to the support license. The theme license will NOT expire but the support license will have to be renewed every 6 or 12 months. You have to extend the support for this duration, retrieve the support license key in your Themeforest account and register it here in the forum. I hope that helps.
Best regards,
IsmaelHi Suze,
Thank you for the update.
Is this in reference to the “CSS file merging and compression” toggle?
Yes, you have to keep the file compression settings disabled while editing the site. You can enable it back when you are all done.
Best regards,
IsmaelJanuary 18, 2022 at 4:55 am in reply to: image sizes are defaulting to medium, even when full size is selected. #1335939Hi,
Alright! Please feel free to open another thread if you have more questions. We will close this one for now.
Have a nice day.
Best regards,
IsmaelHey smarta-brett,
Thank you for the inquiry.
To remove the space between the columns, edit the first column in the row and select the second option (No space between columns) in the Row Settings > Row Layout > Space Between Columns settings. We may need to add css to create space between the second and third column. Please provide a direct link to a test page so that we can inspect it.
Best regards,
IsmaelHi,
Sorry for the delay. We added this script in the functions.php file temporarily to append the “choose” button in the date picker container.
function ava_custom_script() { ?> <script> (function($) { $(document).ready(function() { $('<legend><span class="label">Date</span>: <small class="wc-bookings-date-picker-choose-date">Choose...</small></legend>').prependTo('.wc-bookings-date-picker'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script');You can now remove the css above.
Best regards,
IsmaelHi,
For the tab title, we can add different text for each language and separate them using a span tag. We can then do what we did with the buttons and control their visiblity with css. Add this code in one of the tab title fields for example.
<span class="av-priv-bg">Как използваме бисквитки</span><span class="av-priv-tr">Как използваме бисквитки TR</span>We added two span tags with different class name, one for the BR language and another for TR. We already added this css code in the Quick CSS field to control the visibility of the text or span element.
.avia-popup #av-consent-extra-info .tab span { display: none; } html[lang="bg-BG"] .avia-popup #av-consent-extra-info .tab .av-priv-bg { display: inline-block; } html[lang="tr-TR"] .avia-popup #av-consent-extra-info .tab .av-priv-tr { display: inline-block; }Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHi,
According to the report above, the issue is with preloader script in the aviapoly.js file. You have to ask the developer if they can locate why the above error occurs and fix it. We recommend Codeable or any freelance developers from job sites like Upwork.
If you have more questions regarding Enfold, please feel free to open a new thread. We will close this thread for now.
Thank you for your understanding.
Best regards,
IsmaelJanuary 17, 2022 at 6:32 am in reply to: image sizes are defaulting to medium, even when full size is selected. #1335828Hi,
Thank you for the info.
The selected version of the image (380x254px) is actually displaying in the home page. Please check the screenshot in the private field. What is the original size of the image?
Best regards,
IsmaelJanuary 17, 2022 at 6:13 am in reply to: Full width layer slider on mobile devices max height #1335826Hi,
Do you have a fix for the non-home pages so the size stays the same ?
Have you tried applying custom ID or class names to the sliders? You can use those attributes to directly modify an element with css or a custom script. If you haven’t done this before, please edit one of the sliders, go to the Advanced > Developer Settings toggle, then input your preferred custom ID or class name in the provided fields.
For example, in the Custom CSS Class field, use “av-transitionintl-slider”, then save the element. We can now use this class name to directly adjust that particular element or slider. In the script that @mike provided above, look for this line..
$('#top.home #full_slider_1 .avia-slideshow-inner').each(function(){and replace it with..
$('#top .av-transitionintl-slider .avia-slideshow-inner').each(function(){You may need to adjust the css as well.
.av-transitionintl-slider .avia-slide-wrap, .av-transitionintl-slider .av_slideshow_full .av-slideshow-caption { max-height: 480px; }You might have noticed that we replaced “.home #full_slider_1” with the new css class name or selector. If you want to adjust the other sliders or apply the same modification to them, just apply the same class name to them “av-transitionintl-slider”, or use a different one and another css for it.
Best regards,
IsmaelHey Suze,
Thank you for the inquiry.
We can change the color of the title on hover but not the image. Please add the following code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings.
#top .av-section-tab-title:hover .av-outer-tab-title { color: red; }Best regards,
IsmaelHey daves1997,
Thank you for the inquiry.
There is a lot of blank div containers in the page, which seems to be rendered by a plugin with the acronym “ihf”. Please check the screenshot below. Do you have any idea which plugin is creating those containers?
Best regards,
IsmaelHey Manuel,
Thank you for the inquiry.
We can modify the html of the logo and add an alt attribute to it but we are not sure if svg tags actually accept alt attribute.
add_filter( 'avf_svg_images_get_html', function($svg, $attachment_id, $url, $preserve_aspect_ratio, $class, $svg_original ) { $logo_alt = get_post_meta($attachment_id, '_wp_attachment_image_alt', true); if( ! empty($logo_alt) ) { $svg = str_replace('<svg', '<svg alt="'. $logo_alt .'" ', $svg); } return $svg; }, 10, 6);According to this article, svg tags accepts title and desc tags.
// http://web-accessibility.carnegiemuseums.org/code/svg/
Best regards,
IsmaelJanuary 17, 2022 at 4:02 am in reply to: H3 style on one page different than on the other page #1335815Hey RaymondWillemse,
Thank you for the inquiry.
Where can we see the issue? Please provide links to the pages containing the text so that we can compare them. A screenshot (imgur, dropbox, postimgcc) will also help.
Best regards,
IsmaelHi,
Thank you for the update.
It resized the post slider but it made the whole desktop view morphed,
The css rule is inside a css media query (max-width: 479px) for mobile or smaller screens, so it should not have affected the desktop view. Are you sure that you copied it correctly? Did you add other css?
Best regards,
Ismael -
AuthorPosts
