Forum Replies Created
-
AuthorPosts
-
Hi,
It is not working because the default styling overrides the custom css.
.responsive .container { max-width: 1310px; }
Try to prepend the “.responsive” selector to the current one to make it more specific.
Example:
.responsive .page-id-30 .container { max-width: 990px; }
Best regards,
IsmaelHi,
Thank you for the inquiry.
You may need to manually specify the from address in the contact form’s Content > Backend > Your from address field or use an SMTP plugin to whitelist the messages coming from the contact form. Or use this filter in the functions.php file to apply a default from address to every contact forms.
function avf_change_cf_from() { return " (Email address hidden if logged out) "; } add_filter('avf_form_from', 'avf_change_cf_from', 10);
To make sure that the WordPress mail is working, please install the Contact Form 7 plugin temporarily, then try to send a test mail.
Best regards,
IsmaelHey navindesigns,
Thank you for the inquiry.
You have to remove the padding of the header widget because it becomes much more taller than is necessary and covers the menu item below it. Please adjust this css.
#top #header #header_main .widget { position: absolute; right: 100px; top: 10px; z-index: 999; padding: 0; }
Best regards,
IsmaelHey Susanne,
Thank you for the inquiry.
You can convert the category pages to use the masonry element but you have to modify the archives.php file directly. An example of the modification can be found here.
Best regards,
IsmaelHi,
Unfortunately, we do not provide support for third party plugins as stated on our support policy. It is beyond the scope of support, but we try to help as much as we can. We already debugged the issue for you and explained why the quantity buttons are not displaying in the shop table. All you need to do is contact the plugin authors and forward the information that we provided above, or you can just leave it as it is, which is fine because users can still input the product quantity manually, which is how it is in a default Woocommerce installation.
Thank you for your understanding.
Best regards,
IsmaelHey Diana,
Thank you for the inquiry.
The second cell has no intrinsic height because it has no content. This works fine on desktop view because the cell inherits the height of the first cell but it is not the case on mobile view. To fix that, you have to specify the height of the second cell manually using css.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .flex_cell.av_one_half.av-50th5r-6f4695f56b3386194828c3865ebb54be { min-height: 50vh; } }
You may need to apply a unique class name or ID to the cell and replace the auto generated element ID above.
Best regards,
IsmaelFebruary 8, 2022 at 5:34 am in reply to: Separator (whitespace) with negative value doesn´t seem to work #1339504Hey fkm,
Thank you for the inquiry.
You cannot use a negative height value but you can pull or push an element on any direction by applying a negative margin value. To pull the #teamtabs container upwards for example, you can use this css code.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all #teamtabs { padding-top: 0 !important; margin-top: -10px; } }
Best regards,
IsmaelHi,
Thank you for the update.
We can see the issue but we are not yet sure what is causing it. The html looks correct and we do not see any kind of errors. Did you install any third party extensions for the shop page? One of the plugins might be adjusting the price for certain products.
Best regards,
IsmaelHi,
Great! Glad to know that you’ve found the cause of the issue. Please feel free to open another thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
IsmaelFebruary 8, 2022 at 5:22 am in reply to: Table with Widgets / Small Custom Images and Text Fields #1339498Hi,
Thank you for the inquiry.
You can use the Table element from the builder and add the icon images directly in the table cells using html.
Example:
<img src="IMAGE URL HERE" class="av-table-img-icon">
You can then use the av-table-img-icon class name to adjust the style of the icon.
.av-table-img-icon { width: 36px; height: 36px; background: yellow; }
Best regards,
IsmaelFebruary 8, 2022 at 5:08 am in reply to: Private blog posts and Grid view problem for subscribers #1339494Hey Caiser_Souze,
Thank you for the inquiry.
but not in the case of the classic grid or masonry.
Which element are you actually using? Please provide a link to the page containing the posts element so that we can check it. A link to the “classic blog layout/view” will help as well. How did you make it work in the blog overview page?
Best regards,
IsmaelFebruary 8, 2022 at 5:01 am in reply to: Displaying 2 Widgets – 36x36px – Next to Each Other on All Screen Sizes #1339492Hi,
Thank you for the inquiry.
You can use this css code to adjust the style of the columns containing the icons on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .flex_column.av-kzbx94lc-0865b210f7d84bd719b709dfe2b258da, #top #wrap_all .flex_column.av-kzbx3c10-9015bc4b90fe961b12754f30ae1ac4a2 { width: 49%; float: left; } }
Best regards,
IsmaelHey!
We replied in the following thread which seems to have the same request: https://kriesi.at/support/topic/add-slider-for-text-blocks-for-mobile/#post-1339275
Regards,
IsmaelFebruary 8, 2022 at 4:51 am in reply to: Alphabetical Order on Blog Post Module – Specific Page #1339485Hey Jad,
Thank you for the inquiry.
You can use the is_page conditional function to exclude the other pages and apply the changes to a specific page.
// https://developer.wordpress.org/reference/functions/is_page/
Example:
function avia_modify_post_grid_query_asc( $query ) { if(is_page(123)) { $query['orderby'] = 'title'; $query['order'] = 'ASC'; } return $query; } add_filter('avia_blog_post_query', 'avia_modify_post_grid_query_asc');
The filter above will only change the query on the page with the ID 123.
Best regards,
IsmaelHi,
The categories are there but they are underneath the image container. Try to use this css code to move it on top of the background image.
.av-masonry-outerimage-container ul { position: absolute; z-index: 999; color: white; }
Best regards,
IsmaelHi,
Sorry for the delay. It’s not working correctly because the width of the tabs in the tab section element exceed the width of the browser viewport. We are not yet sure sure why that is happening, so for now, you have to use this css code to control the width of the layout tab on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .avia-section-no-padding .av-layout-tab { max-width: 99vw; } }
Best regards,
IsmaelHey hammerseo,
Thank you for the inquiry.
The scroll works when we clicked on one of the items in the table of content (TOC) but not when we directly input the URL in the address bar. Did you install any plugin that may affect the site scrolling? Please try to deactivate all of the plugins temporarily, purge the cache, then check the page again.
Best regards,
IsmaelHey markus-fischer,
Thank you for the inquiry.
You can use this css to adjust the grid row’s Fullwidth Break Point to 1075px.
@media only screen and (max-width: 1075px) { .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 20px; width: 100%; display: block; } }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelHi,
Thank you for the screenshot.
You may need to move the content inside a color section element, then set its Layout > Margin & Padding to No Padding to remove the space below the column or below the image. If it doesn’t work, try to edit the first column in the row, enable the Row Settings > Row Layout > Equal Height Columns option, then set the Vertical Alignment settings to Bottom.
Best regards,
IsmaelHi,
You don’t need to modify the shop table or the plugin. Just ask the plugin author if the table emits or triggers a Javascript event after it loads the product items. We can then execute the avia_apply_quant_btn function after that event to create the quantity buttons.
Best regards,
IsmaelHey markus-fischer,
Thank you for the inquiry.
Have you tried setting the Styling > Testimonial Style to the second or third option to display the testimonial items in a slider instead of grid? You can also use the Advanced > Responsive Settings > Element Visibility options to toggle the visibility of the element on certain screen sizes.
Best regards,
IsmaelHi,
You should be able to use the property and function to retrieve the duration of the video and pause it on a specific time.
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/duration
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/pauseFull documentation for the html5 video API is located here.
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement
Best regards,
IsmaelHey kazumakitajima,
Thank you for the inquiry.
How did you load the fonts, and which font format are you using? Please make sure that the font is in the following format — ttf, otf or woff.
Best regards,
IsmaelHi,
Thank you for the update.
The theme doesn’t alter the product description in any way as far as we know. You can check the enfold/config-woocommerce/config.php file to view the theme modifications for the shop plugin.
Where can we check the issue? Please provide the product URL in the private field.
Best regards,
IsmaelHi Daniele,
Sorry about that. It seems to work fine on a new post as well — link in the private field. You may need to recreate the post from scratch before attempting to save the content again as template.
Best regards,
IsmaelHi,
The quantity buttons are not included in a default Woocommerce installation, which is why it is not included in the shop table items by default. We can use the avia_apply_quant_btn function to create the quantity buttons but we have to know if the plugin emits an event after the plugin loads the shop table items. Unfortunately, we are not familiar with the plugin script, so additional assistance from the plugin authors will help.
Thank you for your understanding.
Best regards,
IsmaelHi,
You have to remove the avf_header_setting_filter filter above or adjust the header_scroll_offset value a bit.
function avf_header_setting_filter_mod($header) { if(!wp_is_mobile()) { $header['header_scroll_offset'] = $header['header_scroll_offset'] - 100; } return $header; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
This line has to be adjusted.
$header['header_scroll_offset'] = $header['header_scroll_offset'] - 100;
Best regards,
IsmaelHey InEssenz,
Thank you for the inquiry.
You can use the avf_contact_form_incoming_mail filter to adjust the address in Reply-to field.
add_filter("avf_contact_form_incoming_mail", function($mail_array, $new_post, $params, $class, $from, $from_filtered) { $mail_array["Reply-To"] = $new_post["2_1"]; return $mail_array; }, 10, 6);
The filter above should retrieve the value of the email field in the contact form and apply it as the Reply-To address. Please note that $new_post contains the value of the fields in the contact form and the key “2_1” refers to the field order and the contact form ID, respectively. So the filter above should work fine if the email address field is the second field in the contact form. If the email address field is located somewhere else in the contact form, say it is the third field, make sure to update the $new_post key to “3_1”.
Best regards,
IsmaelHi,
the avia-shortcode-helpers folder, not the avia-shortcode folder ; won’t I need to adjust the function or to create a special sub-folder ?
You can create a copy of the masonry helper file inside the child theme’s shortcodes folder. The theme will be able to recognize any shortcodes in that path.
In the next path, we will add an action hook called avf_product_slider_html_list_before_item in the same file. You can use that to insert anything after the catalogue content.
$text = $image; $text .= '<div class="av-catalogue-item-inner">'; $text .= '<div class="av-catalogue-title-container">'; $text .= "<div class='av-catalogue-title av-cart-update-title'>{$title}</div>"; $text .= "<div class='av-catalogue-price av-cart-update-price'>{$price}</div>"; $text .= '</div>'; $text .= "<div class='av-catalogue-content'>{$content}</div>"; $text .= '</div>'; /** * Allows to call e.g. * do_action( 'woocommerce_product_thumbnails' ); * * @since x.x.x * @param array $this->config * @param aviaShortcodeTemplate $this->sc_context */ do_action( 'avf_product_slider_html_list_before_item', $this->config, $this->sc_context );
Best regards,
IsmaelFebruary 7, 2022 at 3:41 am in reply to: Enfold + WPML | posts without category (nav_menu_item) shown in blog #1339254Hi,
makes absolutely sense, BUT: the user does not “use the element”, it is copied automatically by adding a translation
This is why we asked if the page was translated using the default editor. In that case, you will have to temporarily use the filter that we provided above to keep the blog posts blank while there are no posts yet. We will forward the issue to our channel.
Thank you for your understanding.
Best regards,
Ismael -
AuthorPosts