Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
Please try to add this css code to move the submit button upwards and remove the extra space.
.ml-block-form .ml-form-embedSubmit { top: -50px; position: relative; }Best regards,
IsmaelHi,
Thank you for the update.
When we checked, the site looked like this: https://imgur.com/YjtwOPE, not this: https://imgur.com/s0Oau49. Could you provide a screenshot of the column or blog issue? Please make sure to purge the cache or try checking the site in incognito mode.
Best regards,
IsmaelHi,
My theme is updated version (4.6.3.1)
@RevolutionOfTheMind: This is actually a very old version. The latest version of the theme is 6.0.3. Please download the latest version from your Themeforest account and update the theme via FTP.// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelSeptember 6, 2024 at 5:24 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466373Hi,
Have you tried using the Fullscreen Slider element instead of the Color Section? You can set the Advanced > Slider Animation > Slideshow Image scrolling to Parallax and add the script that we previously suggested to make the slider fade on scroll.
Best regards,
IsmaelSeptember 6, 2024 at 4:58 am in reply to: Dynamic Content – only show element if ACF field is not empty #1466370Hey karirak73,
Thank you for the inquiry.
Unfortunately, the dynamic content feature doesn’t support conditional functions. Have you tried using the Conditional Logic feature of ACF fields? You could also apply a default value to the fields, such as a placeholder image, so the gallery won’t break if an item is missing.
Best regards,
IsmaelHi,
Thank you for the update.
This is what we see after leaving the page unattended for more than 12 minutes, as shown on the stopwatch. Please check the screenshot in the private field. In my opinion, this might not be much of an issue, as the user will probably navigate to a different page or refresh the current one if they leave the home page unattended for a while.
Best regards,
IsmaelHi,
Alright. Let us know if you encounter the issue again. We’ll keep the thread open for now.
Best regards,
IsmaelHey Maggie,
Thank you for the inquiry.
There is no default option for this, but you could manually apply a left margin to the first column in the row to adjust the items’ alignment. This margin may need to be adjusted for different screen sizes using css media queries.
.flex_column.av-x9sa-8a37e2b5769dd020bbf980d44cf0bf21 { margin-left: 12%; }Best regards,
IsmaelHi,
Thank you for the update.
if I wanted this to ONLY affect desktop, what adjustments do I have to make?
You can prepend the selector .avia_desktop to the css rules to limit them to desktop view.
.avia_desktop .page-id-2333 .pricing-table li.empty-table-cell { display: block; } .avia_desktop .page-id-2333 .avia-pricing-table-container .pricing-table li:nth-child(6) { height: 62px; }Also, adjust the selector in the script a bit:
function custom_table_script() { ?> <script> (function($) { $(window).on('load', function() { $('.avia_desktop .page-id-2333 .avia-pricing-table-container').each(function() { var $columns = $('.pricing-table', this); var maxHeight = Math.max.apply(Math, $columns.map(function() { return $(this).height(); }).get()); $columns.height(maxHeight); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_table_script', 99);Best regards,
IsmaelHey Thomas,
Thank you for the inquiry.
The background videos in the Color Section should automatically play and loop. This is set by default in the enfold/config-templatebuilder/avia-shortcodes/section/section.php file around line 1797.
'attr' => array( 'id' => '', 'video' => $video , 'slide_type' => 'video', 'video_mute' => true, 'video_loop' => true, 'video_ratio' => $video_ratio, 'video_controls' => 'disabled', 'video_section_bg' => true, 'video_format' => '', 'video_mobile' => '', 'video_mobile_disabled' => $video_mobile_disabled ) );Best regards,
IsmaelHey dmansouri1981,
Thank you for the inquiry.
You can use the Promobox shortcode in a Text or HTML widget. Example:
[av_promobox button='yes' label='Click me' icon_select='no' icon='' label_display='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' gradient_color_direction='vertical' gradient_color_1='#000000' gradient_color_2='#ffffff' gradient_color_3='' border_promo='' border_promo_width='' border_promo_color='' border_radius_promo='' box_shadow_promo='' box_shadow_promo_style='0px' box_shadow_promo_color='' link='' link_dynamic='' link_target='' title_attr='' hover_opacity='' sonar_promo_effect='' sonar_promo_color='' sonar_promo_duration='1' sonar_promo_scale='' sonar_promo_opac='0.5' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' element_template='' one_element_template='' show_locked_options_fakeArg='' av_uid='' sc_version='1.0'] Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message! [/av_promobox]Best regards,
IsmaelSeptember 6, 2024 at 4:21 am in reply to: blog masonry sort option: activating new default category on page load #1466363Hey vantagepointmg,
Thank you for the inquiry.
The css code works fine on our end, but we don’t recommend using it because sticky headers are generally unnecessary on mobile phones. If you wish to continue, please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css code.
@media only screen and (max-width:767px) { .responsive #top #wrap_all #header { position: fixed !important; } .responsive #top #main { padding-top: 150px !important; } #header_meta { display: none; } }Best regards,
IsmaelHey amyncuih,
Thank you for the inquiry.
You can use this css code to adjust the font color of the tab titles:
.main_color .tabcontainer .tab { color: red; }Best regards,
IsmaelHey Emily Johnson,
Thank you for the inquiry.
Unfortunately, site migration is beyond the scope of our support. You may need to hire a freelance developer or contact our partner, Codeable, to help you transfer the site. Please check the link below.
// https://kriesi.at/contact/customization
Best regards,
IsmaelHi,
Thank you for the update.
The .mov format is not widely supported by all browsers for direct playback. It is primarily associated with Apple’s QuickTime format or the macOS environment. Please convert your videos to MP4, OGV, or WebM before uploading them.
Best regards,
IsmaelHi,
Thank you for the screenshot.
We can’t reproduce the issue on our end. Does this happen on page load, or only when the page is left unattended? We left the page for at least 5 minutes, and the rotator is still displaying correctly.
Best regards,
IsmaelHi,
Thank you for the update.
Is this only happening on tablet view or smaller screens? You could set the Enfold > Main Menu > General > Menu Items For Mobile setting to the second option (Activate for Smartphones and Tablets). You can also decrease the font size of the Main Menu Links element in the Enfold > Advanced Styling panel.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Your fourth attempt with the Color Section should work. Where did you add the anchor link? Please refer to the following documentation for more info: https://kriesi.at/documentation/enfold/menu/#one-page-menu
Best regards,
IsmaelHi,
Thank you for the update.
Please download the following zip file and upload it to the Enfold > Import/Export > Iconfont Manager: https://1drv.ms/u/s!AjjTfXSRbKTvguNj14PKRDWVJdmAMg?e=WW4LdM
Once the icon is uploaded, add this filter in the functions.php file:
// Register new icon as a theme icon function avf_default_icons_mod($icons) { $icons['bandcamp'] = array( 'font' =>'bandcamp', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avf_default_icons_mod', 10, 1); // Add new icon as an option for social icons function avf_social_icons_options_mod($icons) { $icons['Bandcamp'] = 'bandcamp'; return $icons; } add_filter('avf_social_icons_options','avf_social_icons_options_mod', 10, 1);Best regards,
IsmaelHey hayonl,
Thank you for the inquiry.
You might need to specify or adjust the Transparency Logo in the Enfold > Theme Options panel. Please let us know how it goes.
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
You can use this css code to adjust the style of the rotating text:
.av-rotator-text-single { font-style: italic; }Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
We don’t see anything unusual with the headline rotator on the home page. Could you please provide a screenshot of the issue?
Best regards,
IsmaelSeptember 5, 2024 at 4:51 am in reply to: Apply masks / cut-outs / custom shapes to columns or placing content behind them #1466273Hey Peter,
Thank you for the inquiry.
There is no default option for this, but you can use the clip-path css property, as suggested by a user in another thread: https://kriesi.at/support/topic/cut-outs-for-images/#post-1465984
To achieve the desired effect, place a Video element inside a Column element, assign a unique class name to the column, and then use that class name to apply the clip-path property.
For more info about clip-path, please check: https://css-tricks.com/almanac/properties/c/clip-path/
Best regards,
IsmaelHi,
Is it possible to set these parameters for the three resolutions desktop, tablet and mobile?
Yes, that should be possible. Please add the following code and adjust the values as needed.
/* Styles for tablets */ @media (max-width: 1024px) { .responsive #top .avia-icon-circles-icon { height: 100px; width: 100px; line-height: 100px; font-size: 60px; margin: -50px; } } /* Styles for mobile devices */ @media (max-width: 768px) { .responsive #top .avia-icon-circles-icon { height: 80px; width: 80px; line-height: 80px; font-size: 45px; margin: -40px; } }Best regards,
IsmaelHi,
Thank for the update.
This is working correctly on our end. Have you tried purging the cache or checking the site using a different browser or device?
Best regards,
IsmaelHi,
Thank you for the update.
No, it is not required by Enfold, but it has now become a standard. Some browsers block non-secure HTTP requests, which could lead to mixed content issues and prevent scripts and other resources from functioning correctly.
How can we reproduce the issue? We tried editing a page and updating it, and it seems to work as expected.
Best regards,
IsmaelSeptember 5, 2024 at 4:28 am in reply to: Google Analytics Tracking Code vs Analytics Measurement ID #1466269Hi,
Thank you for the inquiry.
You can find the documentation related to Google services at the following links:
// https://kriesi.at/documentation/enfold/contact-form/#what-is-captcha
// https://kriesi.at/documentation/enfold/google-analytics/Regarding the error, please ensure that you’re generating the token for the correct version of the ReCAPTCHA API. There are only V1 and V2.
We’ll forward the info about the changes related to the tracking code or the Analytics Measurement ID.
Best regards,
IsmaelSeptember 5, 2024 at 4:19 am in reply to: How to add code to the section for specific pages? #1466268Hi,
Thank you for the update.
Yes, the code and the placement of the argument or array values in the conditional function looks correct. You can add more page IDs if needed. Here’s the formatted version:
function my_code() { if ( is_page( array( 489, 501, 502, 123 ) ) ) { ?> <script type="module" src="./mapplic.js"></script> <link rel="stylesheet" href="./mapplic.css"> <?php } } add_action( 'wp_head', 'my_code' );Best regards,
Ismael -
AuthorPosts
