Forum Replies Created
-
Posts
-
Hi,
For mobile I added a second product slider:
and set the visibility so it will only show on very small screens:
and made the other one not show on very small screens:
Then I set the new one to only show two items and added this css so the two columns will show side-by-side and removed extra padding & margin so it will look better on small mobile screens:@media only screen and (max-width: 479px) { .responsive #top #main .avia-product-slider-container.av-small-hide .products .product { width: 49%; margin: 0 1% 1% 0; } #top.page-id-5132 #after_full_slider_1 .template-page.content { padding: 0; } .responsive #top #main .avia-product-slider-container.av-small-hide { margin: 0; } }The css to remove the extra padding & margin is only for this one page, let me know if you want other pages like this. Alternatively we could make the product slider with 5 columns show them side-by-side, but this takes a lot of space and the odd number of items doesn’t look as good, in my opinion, but if you like you could make the new one show four items if you wish. Take a look and try ddifferent numbers to see what you like.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Sebastian,
It looks like your code in your functions.php has line breaks, please remove these and then it should work correctly for you.Best regards,
MikeHey Sebastian,
By raster do you mean grid?
That would be very tricky to overwrite, and our list style doesn’t have images, I believe the best option would be to use a plugin for list style posts, and add it’s shortcode to the page.Best regards,
MikeHi,
No if your post has multiple categories that will show.
as for shortecode in the excerpt it may depend on the element but often adding these to your child theme functions.php worksadd_filter('get_the_excerpt', 'do_shortcode'); add_filter( 'the_excerpt', 'shortcode_unautop'); add_filter( 'the_excerpt', 'do_shortcode'); add_filter('widget_text', 'do_shortcode'); add_filter( 'term_description', 'do_shortcode' );Best regards,
MikeHi,
For the Separator / Whitespace element you use Short Separator position left
result
For the button it is large, no icon Theme Color Subtle
result
Best regards,
MikeHi,
Thanks for the login, it seems that these only show when we are logged in, nonetheless, the element will fill the available width so one way is to add the element in a column that is smaller, or add more items shown in the element, I changed it to show 5 instead of 3 and you will see that it is much smaller now, please check if this will work for you, or try adding a smaller column.Best regards,
MikeHey dancedojo,
I’m not seeing this when I search
I don’t know why you would be seeing this.Best regards,
MikeHey jaimemerz,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.cofounder_toggle.av-minimal-toggle .toggle_icon { position: absolute; margin-top: -44px; margin-left: 40% !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey jaimemerz,
I checked your page, without scrolling, on Windows in Chrome, Firefox, & Edge and didn’t find any movement when hovering over the “Let’s Go” menu link.
Try clearing your browser cache and check again.Best regards,
MikeHey znello,
Try this solution to remove the first image.Best regards,
MikeHi,
Enable the Avia Layout Builder Debugger and add the code to the debugger and save:[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-35gtt'] [av_heading heading='Masonry Portfolio Example:<br/>4 Column Masonry Grid' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-qj14h'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-mx0kh'] [av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5ee9'] <p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff. This can be used to describe what you do, how you do it, & who you do it for.</p> [/av_textblock] [/av_section] [av_masonry_entries link='portfolio_entries' term_rel='' wc_prod_visible='' wc_prod_hidden='hide' wc_prod_featured='' prod_order_by='' prod_order='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' page_element_filter='' sort='yes-tax' query_orderby='date' query_order='DESC' caption_elements='title' caption_styling='overlay' caption_display='on-hover' img_copyright='' size='fixed manually' orientation='' image_size='masonry' gap='large' columns='4' av-desktop-columns='' av-medium-columns='' av-small-columns='' av-mini-columns='' items='9' paginate='load_more' color='' custom_bg='' img_copyright_font='' av-desktop-font-img_copyright_font='' av-medium-font-img_copyright_font='' av-small-font-img_copyright_font='' av-mini-font-img_copyright_font='' img_copyright_color='' img_copyright_bg='' animation='active' animation_duration='' animation_custom_bg_color='' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-83rt5' sc_version='1.0']once the elements show after the page reloads open the masonry element and select the Portfolio Entries that you want to show.
Best regards,
MikeHey rixi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor or If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
and ensure that it is activated, then add this code and save.// Add year filter to posts and pages admin listing function filter_posts_by_year() { global $wpdb, $wp_query; $type = isset($_GET['post_type']) ? $_GET['post_type'] : 'post'; if ($type === 'post' || $type === 'page') { $year = isset($_GET['year']) ? $_GET['year'] : ''; // Get distinct years from the posts table $years = $wpdb->get_col(" SELECT DISTINCT YEAR(post_date) FROM $wpdb->posts WHERE post_type = '$type' AND post_status = 'publish' ORDER BY YEAR(post_date) DESC "); ?> <select name="year" id="filter-by-year"> <option value=""><?php _e('All Years', 'textdomain'); ?></option> <?php foreach ($years as $year_option) { printf( '<option value="%1$s"%2$s>%1$s</option>', esc_attr($year_option), $year_option == $year ? ' selected="selected"' : '' ); } ?> </select> <?php } } add_action('restrict_manage_posts', 'filter_posts_by_year'); function filter_posts_by_year_query($query) { global $pagenow; $type = isset($_GET['post_type']) ? $_GET['post_type'] : 'post'; if ($type === 'post' || $type === 'page') { if ($pagenow == 'edit.php' && isset($_GET['year']) && $_GET['year'] != '') { $year = intval($_GET['year']); $query->query_vars['year'] = $year; } } } add_filter('parse_query', 'filter_posts_by_year_query');This is add a new filer option for your pages & posts:
Best regards,
MikeHi,
I was not able to find a table on your page, did you remove it or decide not use it?Best regards,
MikeHey ijnavas,
Unfortunately we can not see your page, it looks like we need a login to view it.
Your example screenshot makes it look like you want to remove the blue background and make it black, is the correct?Best regards,
MikeHi,
You should double check the mailchimp code it needs to call your list.
When I test with mine is works:
Try creating a new post and use the shortcode wand to get your mailchimp code:
then use the element to pick your list and then copy the code:
then add it to your popup code.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.sort-param.sort-param-sort > li:nth-child(-n+2) { display: none; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 990px) { .responsive .av-image-hotspot { height: 48px; width: 48px; line-height: 48px; } .responsive .av-image-hotspot-pulse { height: 108px; width: 108px; top: -30px; left: -30px; } }Try setting the hotspot tooltips to show always and this add this code to the end of your child theme functions.php file in Appearance ▸ Editor to hide all of them on load and click will show one at a time.
function one_hotspot_only_script() { ?> <script> (function($) { $(window).ready(function() { $('.avia-tooltip').hide(); $('.av-image-hotspot_inner').on( "click", function(e) { var $this = $(this).parent().find('.avia-tooltip'); $(this).parent().css({'z-index':'9'}); $(this).siblings('.avia-tooltip').toggle('show'); $('.avia-tooltip').not($this).hide(); $('.avia-tooltip').not($this).parent().css({'z-index':'1'}); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'one_hotspot_only_script', 99);Best regards,
MikeHey Susanne,
1) do you mean the caching plugins were preventing your site from knowing that a update was available for the theme? I have not heard of this issue before, but you could try the WP Fastest Cache plugin, or when Envato (Theme Forest) notify you that an update is available you could disable your plugin and then check for the update.
2) In my demo the “blog” page is selected as the “blog”
and that page uses ALB elements to create the blog
please see our demo here
3) on your site it looks like you have custom css added causing the dark color, perhaps it is from a plugin:a:visited { color: #333333; }
4) if you want to override the color for all buttons try this:#top .main_color .avia-color-theme-color-highlight, #top .main_color .avia-color-theme-color { background-color: red; border-color: red; }adjust to suit
Best regards,
MikeHey Woutski,
Thank you for the link to your example site, when I look at it, it looks like the grid of icons at the top, linking to a sections lower on the page, in each section is a content slider showing one item with pagination to see more from this group. To create this I would use the Gallery element at the top of a page with a custom link added to each image as a anchor link to lower sections:
and then in the advanced tab set the link settings to Use custom link so the anchor links will be used.
Then using columns for the lower sections add a custom ID for the anchor links to point to:
Then in the columns use a Post Slider elements, each one with a different taxonomy, or category, for this example I used Portfolio Entries
and set it to show only one column with navigation arrows always showing.
This is how the backend looks:
and the frontend:
Now when a icon is clicked at the top of the page, you will scroll down to that section and then can use the navigation arrows to see more items from that group. When more items are added to that taxonomy then will automatically show in the correct group.Best regards,
MikeHi,
Thank you for your patience, in your shortcode it looks like you manually added class=’open-popup-link’, but the correct way to add a class in the shortcode is custom_class=’open-popup-link’ but this adds the class to the button and not the link in the button.
So we will follow these steps.
So this is what you add to your code block:[av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' custom_class='pu-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' template_class='' element_template='' one_element_template='' av_uid='av-1x42t1' sc_version='1.0' admin_preview_bg=''] <div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>and this is your new popup code:
function popup_inline() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.pu-link a').addClass('open-popup-link'); jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href. }); }); </script> <?php } add_action('wp_head', 'popup_inline');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This should now work for you.Best regards,
MikeHey Aubin,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.single-product ol.flex-control-thumbs { list-style: none; } .single-product ol.flex-control-thumbs li { width: 21%; float: left; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Advantage09,
Thank you for your patience, you can create a second menu and use it in the setting Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile I believe that this will achieve what you are trying to do.Best regards,
MikeHey grafikstudiode,
Thank you for your patience, are you using any customization for the form?
I created a form like your to test with and it seems to work correctly but the check boxes have the word True
but yours says confirmed (bestätigt)
if you do have a customization, try disabling it or try disabling your plugins to ensure there is not a conflict. You can try my test page and see that it works correctly.
I see that if the first check box is not used you get a No and the second checkbox is then completely missing:
but my test page shows the word False and the second checkbox is showing
If disabling your plugins or customizations doesn’t help please include an admin login in the Private Content area so we can investigate further.Best regards,
MikeHey kalimeromax,
It looks like your iframe contains: data-scrolltop, please try removing this from the iframe snippetBest regards,
MikeHi,
Thanks for the feedback, I have asked the rest of the team to check with an iPhone, but I believe only one member has a iPhone so it may take a little time since we are entering the weekend. Thank you for your patience.Best regards,
MikeHey Munford,
Thank you for your patience and the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@keyframes wave { 2% { transform: translateY(1); } 25% { transform: translateY(-5%); } 50% { transform: translateY(-10%); } 75% { transform: translateY(-5%); } 100% { transform: translateY(1); } } .avia-section.av-19x7zc-ab627dc65dd0d1430ae6e174e413abaa .av-parallax .av-parallax-inner { animation: wave 10s -3s linear infinite; transform: translate3d(0, 0, 0); }it will move the background blue wave image up and down slightly.
Best regards,
Mike
