Forum Replies Created
-
AuthorPosts
-
December 3, 2020 at 1:05 pm in reply to: Enfold Events Calendar not matching Church Theme Demo #1264753
Hey Salt,
Thank you for the inquiry.
By default, it is not possible to embed the events calendar in any page aside from the selected events page in the plugin settings. A shortcode is available but only for the premium version.
Best regards,
IsmaelHi,
We still could not access the login page using the default login URL. Did you change it to something else? Please disable the plugins temporarily or post the FTP details in the private field so that we could check the site properly.
Thank you for your patience.
Best regards,
IsmaelHi,
The video in that page is not playing automatically because audio is enabled. You have to mute the video first in order to make it play automatically on page load. Some devices do not support video autoplay by default, so you might have to ask your users to manually play the file when necessary.
// https://help.outofthesandbox.com/hc/en-us/articles/360000661568-Why-won-t-my-video-autoplay-
Best regards,
IsmaelHey NadineSchenkl,
Thank you for the inquiry.
The caption goes below the masonry container on mobile view, and it does not cover the image. If you would like to completely hide or remove the caption on smaller screens, please try this css code.
@media only screen and (max-width: 767px) { .av-inner-masonry-content { display: none !important; } }
Best regards,
IsmaelDecember 3, 2020 at 6:03 am in reply to: format of grid row on mobile – need to stack image on text #1264666Hey bauchope,
Thank you for the inquiry.
Have you tried setting the Grid Row element’s Advanced > Responsive > Fullwidth Break Point to the second option? This should make the cells full width on devices with screen width lower than 989px. You might also need to set the Mobile Behaviour back to the first option.
Best regards,
IsmaelDecember 3, 2020 at 5:56 am in reply to: Enfold blog posts and magazine navigation link to previous page not working #1264664Hey ariane1001,
Thank you for the inquiry.
By default, the theme should be removing the query string for the first button or link in the pagination but it doesn’t seem to be the case in your installation. Please edit the enfold\framework\php\function-set-avia-frontend.php file, remove everything, then place the following code.
// https://pastebin.com/2G708fX7
Best regards,
IsmaelHi,
Thank you for the update.
Did you add this css code anywhere?
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: #212122; }
This sets the font color of the mobile menu item to gray, same as the color of the mobile menu container. Please remove the css code, or add another css to override it.
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: #ffffff; }
Best regards,
IsmaelHi,
Thank you for the update.
Looks like this data is set in the sessionStorage to make the tab elements work for browsers that do not support css-only tabs. The script can be found inside the enfold\config-templatebuilder\avia-template-builder\assets\js\avia-element-behavior.js file around line 165.
Best regards,
IsmaelHey Mohamad,
some of the blog posts are glued together as if there is no gap at all / how can i solve this ?
Sorry for the delay. The issue does not always occurs and only happens on certain screen sizes. We might be able to prevent the items from sticking to each other by adjusting the width of the masonry container. Please try this code in the Quick CSS field.
.av-masonry-container { width: 100.2%; }
however, when i go to another sorting category i do not get all the blog posts. i only get few / only when i click on load more then i have them all displayed !! i need this to also display 15 blog posts
We explained how the sorting works in the following thread.
// https://kriesi.at/support/topic/masonry-sorting-problem/#post-1264475
Best regards,
IsmaelHey Munford,
Thank you for the update.
Looks like you are using a form from the plugin Contact Form 7. Please note that the ReCAPTCHA option will only work in the theme’s default contact form. Do you have a page using the default contact form from the Advance Layout Builder?
Best regards,
IsmaelHi,
Unfortunately, this template cannot be overridden in the child theme because the function that generates it is part of a class. You will have to modify the parent file directly, or move the whole av_privacy_class class in the child theme. You will also have to remove the av_privacy_helper action.
remove_action( 'init', 'av_privacy_helper', 20 );
Best regards,
IsmaelHey nullhorn,
Thank you for the inquiry.
Just like any other elements in the page, svg elements can be styled or adjusted using css but with certain limitations such as the properties or attributes that can be used. A good article about svg styling can be found in the following site.
// https://css-tricks.com/lodge/svg/20-2/
// https://css-tricks.com/svg-properties-and-css/Best regards,
IsmaelHey bnewman1,
Thank you for the inquiry.
Would you like to open a specific portfolio item on page load? If that is what you want, the following documentation should help.
// https://kriesi.at/documentation/enfold/portfolio-grid/#enable-deeplinking-to-the-portfolio-ajax
But instead of anchors, we will use query strings or URL parameters containing the ID of the portfolio item.
Example of a custom URL as shown in the documentation.
http://www.yoursite.com/your_portfolio_page?custom_ajax=12
Best regards,
IsmaelHi,
The schema markup comes from the shop plugin itself; it is not generated by the theme. It is probably from the plugins\woocommerce\includes\class-wc-structured-data.php file, and in the generate_product_data function. If that is correct, we should be able to use the woocommerce_structured_data_product filter to adjust the markup.
Thank you for your patience.
Best regards,
IsmaelDecember 2, 2020 at 4:54 pm in reply to: Portfolio grid: space between the items (but not on the outer edges) #1264529Hey fkm,
Thank you for using Enfold.
How did you add the gap or space between the items? You should be able to remove that space for every 4th item in the row using nth child selectors. Please check the following article for more info about nth child selectors.
// https://css-tricks.com/almanac/selectors/n/nth-child/
// https://css-tricks.com/how-nth-child-works/
// https://www.w3schools.com/cssref/sel_nth-child.aspBest regards,
IsmaelDecember 2, 2020 at 12:42 pm in reply to: How to put commas to separate taxonomies from different groups of taxonomies #1264486Hey jeiceta,
Thank you for the inquiry.
How do you define the taxonomy group? Currently, it just loops through the array of taxonomy terms and render the comma right after every item regardless of their grouping if they actually have one.
Best regards,
IsmaelHi!
Did you activate the child theme? We already created a copy of the template in the child theme directory but the changes are not reflecting in the front end. Please upgrade the theme to version 4.7.6.4, then post the WP login details again in the private field so that we could check the dashboard properly.
Thank you for your patience.
Regards,
IsmaelHi,
Thank you for the clarification.
Did you enable the double opt-in process? If you did, you should be able to modify the email templates in the Form Builder. Please check the following documentation.
// https://mailchimp.com/help/about-double-opt-in/#Customize_the_double_opt-in_process
You can customize your double opt-in process in the Forms and response emails section of Mailchimp’s Form Builder.
Best regards,
IsmaelHey Mohamad,
Thank you for the inquiry.
This is one of the limitations of the category or tag filters. It can only sort items that are actually visible or present in the current page. We could use css or edit a file to display empty sort items, but it is a bit pointless because they would still not be able to get items that are not available in the current page.
Best regards,
IsmaelHi,
Sorry for the delay. There are a lot of header layouts available in the documentation including a modification where the logo is placed in the center and the main menu is set to the left. The only thing that is missing is the custom menu to the right of the logo, but you should be able to add those using widgets.
Please check the following links for more info about the modifications.
// https://kriesi.at/documentation/enfold/example-of-the-menu-left-logo-center-overflow-widget-right/
// https://kriesi.at/documentation/enfold/header/#header-widget-positionTo add widgets to the header, please check this documentation.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
// https://kriesi.at/documentation/enfold/example-of-widget-left-logo-center-widget-right-menu-below/Best regards,
IsmaelHey fcp,
Thank you for the inquiry.
Try to set the clear property to none to allow the third item to float to the right of the second item in every row.
.shop_columns_3 .products .product { margin: 0 1% 1% 0 !important; width: 30.6% !important; clear: none !important; }
Default value for the clear property is both.
// https://www.w3schools.com/cssref/pr_class_clear.asp
Best regards,
IsmaelHi,
@nullhorn: You can only use the filters above for Google fonts, so if you have a custom font such as an Adobe font, you have to use the @font-face rule to manually add it to the site, or the wp_register_style and wp_enqueue_style function.// https://www.isitwp.com/use-google-fonts-with-wp_register_style-wp_enqueue_style/
// https://www.w3schools.com/cssref/css3_pr_font-face_rule.aspIf you need further help, please do not hesitate to open a new thread. We will close this one for now.
Best regards,
IsmaelHi,
Thank you for the inquiries.
l
1.) You should be able to control the sizing and position of the layers in the Styles panel. The theme will then automatically resize the layers relative to the size of the slider or of the view port. You should also set the Slider Settings > Layout > Slider Type to Responsive.2.) Could you explain it a bit or provide an example of the slider that you want? By default, the slide in the Easy Sliders should display or fade in one at a time. If you want to display multiple items simultaneously, try to use the Accordion Slider.
Best regards,
IsmaelHey 7thflow,
Thank you for the inquiry.
This should be possible using a custom script and a few css modification. Please check the following documentation and previous thread for further info.
// https://kriesi.at/documentation/enfold/fullwidth-sub-menu/#toggle-id-4
// https://kriesi.at/support/topic/fullwidth-sub-menu-one-page-menu-highlight-stoped/#post-1248808Best regards,
IsmaelHi,
Thank you for the update.
Have you tried using the Image element? It has an option where you can set the caption as an overlay above the image. The caption can also be shown automatically or on mouse hover. To separate the images, you can use the column elements.
Best regards,
IsmaelHey designyvr,
Thank you for the inquiry.
This should be possible if we set the table data to collapse to the next line and if set the table to inherit the width of the view port or browser screen. Please try this code in the Quick CSS field.
@media only screen and (max-width: 767px) { .responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th, .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td { white-space: wrap; } .avia_scrollable_table .avia-table { width: 100%; } .avia-data-table .avia-pricing-row td, .avia-data-table .avia-pricing-row th { text-align: center; font-size: 18px; line-height: 1.3em; } }
Best regards,
IsmaelHey mirotck,
Thank you for the inquiry.
We are not yet sure what is causing the issue, but we should be able to fix it by decreasing the right padding of the tab section titles by 1px. Please add this css code in the Quick CSS field.
#top .av-section-tab-title { padding: 10px 19px 0px 20px; }
Toggle the Performance > File Compression settings afterwards, and purge the cache or remove the browser history.
Best regards,
IsmaelHey mirotck,
Thank you for the inquiry.
We are not yet sure what is causing the issue, but we should be able to fix it by decreasing the right padding of the tab section titles by 1px. Please add this css code in the Quick CSS field.
#top .av-section-tab-title { padding: 10px 19px 0px 20px; }
Toggle the Performance > File Compression settings afterwards, and purge the cache or remove the browser history.
Best regards,
IsmaelDecember 2, 2020 at 3:41 am in reply to: How to put the posts on the category pages in the order of the articles? #1264356Hi,
Glad to know it is solved. Please do not hesitate to open a new thread if you need anything else. We will close this one for now.
Have an awesome day!
Best regards,
IsmaelDecember 2, 2020 at 3:31 am in reply to: Blog posts element – same settings, different result #1264355Hi,
Thank you for the update.
The difference was in the pages’ Layout > Sidebar Settings. The FR version was set to No Sidebar, which is why it is displaying the full width version of the Blog Posts element. We set the sidebar settings of the FR page to default same as with the EN version.
Best regards,
Ismael -
AuthorPosts