Forum Replies Created
-
AuthorPosts
-
Hey Madison,
Thank you for the inquiry.
Using the Advanced Layout Builder (ALB), try inserting a 4/5 and 1/5 column element. Place an Image element inside the 4/5 column and the text in the 1/5 column. Edit the smaller 1/5 column, go to the Advanced > Developer Settings panel, and in the Custom CSS Class field, enter the name av-overlap-right-text. Then add the following code in the Quick CSS field:
#top .av-overlap-right-text { width: 50%; position: absolute; right: 0; top: 30%; background: white; padding: 20px 40px; }
The css code should adjust the width of the 1/5 column and its position so that it overlaps with the 4/5 column. To position the overlapping column on the left, reverse the order of the columns, replace the class name with av-overlap-left-text, and then add the following css code:
#top .av-overlap-left-text { width: 50%; position: absolute; left: 0; top: 30%; background: white; padding: 20px 40px; z-index: 2; } #top .av-overlap-left-text + .flex_column { margin-left: 20%; }
Best regards,
IsmaelHey alliegreen09,
Thank you for inquiry.
We tried logging in to the site but the login info is not valid. Please check the info carefully or provide another admin account. What is the current version of the theme?
Best regards,
IsmaelHi,
Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHey Sebastian,
Thank you for the inquiry.
Instead of using the Color Section element, try replacing it with the Grid Row element. Set it to two cells, insert a Text Block into one cell, and then apply the image as the background of the other cell.
Best regards,
IsmaelHey valerieh,
Thank you for the inquiry.
To make the background image full width or to cover the entire color section container, try setting the Styling > Background Image > Background Repeat option to the fifth option (Stretch to Fit). Let us know of the result.
Best regards,
IsmaelHey Mariarita,
Thank you for the inquiry.
I reduced the percentage, using Google zoom, not to see how it would look from other devices. The texts are reduced, but the photo remains enormous
It looks like you have this reversed. Please note that when you reduce the zoom percentage, you’re effectively emulating a larger screen resolution, so it’s expected that the image will remain large while the text size decreases. To emulate a smaller device, you should try zooming in. Or as suggested previously, you should use the browser or device emulation option instead of zooming in our out.
Best regards,
IsmaelHi,
We tried creating a new page to test the issue, but we can’t switch to the Advanced Layout Builder (ALB) because the button is missing. How do you switch to the ALB, and when did this issue occur? Where did you add the element with the fold/unfold option? We can’t find any in the for-startups page.
Best regards,
IsmaelHey Stegemueller,
Thank you for the inquiry.
Please add this filter in the functions.php file to append the comment number beside the masonry title:
function append_comments_to_masonry_title( $the_title, $entry, $atts ) { $comments_number = get_comments_number( $entry->ID ); if ( $comments_number > 0 ) { $the_title .= ' <span class="av-masonry-comment-count">(' . $comments_number . ' comments)</span>'; } return $the_title; } add_filter( 'avf_masonry_entry_title', 'append_comments_to_masonry_title', 10, 3 );
You can then use the av-masonry-comment-count class name to adjust the style of the comment count.
Best regards,
IsmaelHi,
Disadvantage – if you use that only – the read-more link is gone too.
But the combination of both – ( because i put out the read-more link to the footer ) will bring good results.Yes, the css code will also remove the read more link as mentioned by @Guenni007 above. Have you tried using the script (custom_excerpt_setting) instead?
Best regards,
IsmaelSeptember 10, 2024 at 4:40 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466584Hey photographie-tous-azimuts,
Thank you for the inquiry.
We can’t reproduce the issue on our end. Please check the screenshot in the private field. Did you figure out the issue?
Best regards,
IsmaelSeptember 10, 2024 at 4:35 am in reply to: Use data-av_icon in a block of code for a button #1466582Hey peterolle,
Thank you for the inquiry.
Try to copy this html instead:
<span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
Best regards,
IsmaelSeptember 10, 2024 at 4:33 am in reply to: Video im Vollbild-Slider nicht sichtbar auf Mobilegeräten und site speed #1466581Hi,
No problem! Please feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
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,
Ismael -
AuthorPosts