Forum Replies Created
-
AuthorPosts
-
Hey johnjosephjohansson,
Thank you for the inquiry.
You can use this css code to adjust the color of the active tab section title.
#top .av-active-tab-title .av-inner-tab-title { color: red !important; }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
But can I always use the same enfold.zip file?
You can use the same enfold.zip file for every site. You can also update the theme from the dashboard or from the Enfold > Theme Options > Theme Updates panel.
Best regards,
IsmaelMay 21, 2021 at 9:54 am in reply to: Mit Raster-layout "das könnte dich auch interessieren" manuell erstellen #1301569Hey Raphaela_Pla,
Thank you for the inquiry.
Based on the screenshot, looks like the Blog Posts element is set to have a grid layout. If that is true, you can use this css code to adjust the font size of the post title.
.avia-content-slider .slide-entry-title { font-size: 0.8em; line-height: 1.2em; margin: 0; }
And regarding the image borders, please post the site URL in the private field so that we can actually check the blog posts element.
Best regards,
IsmaelMay 21, 2021 at 9:50 am in reply to: Icons Grid's links not working for mobile devices after update to 4.8.2 version #1301568Hey Enrico,
Thank you for the inquiry.
Looks like the icon grid ignores the link completely. Please try to modify the enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.js, look for this code around line 28.
var current = $(this), container = current.closest('.avia-icongrid-flipbox'); if( current.hasClass('avia-hover') ) { container.find('li').removeClass( 'avia-hover' ); }
.. and replace it with:
var current = $(this), container = current.closest('.avia-icongrid-flipbox'), link = $(this).find("a"); if( current.hasClass('avia-hover') ) { if(link) { window.location.href = link.attr("href"); } else { container.find('li').removeClass( 'avia-hover' ); } }
The changes above should look for a link inside the list elements and if found, try to redirect to a location, which is based on the link’s href attribute, else flip the item again.
Best regards,
IsmaelMay 21, 2021 at 9:42 am in reply to: Advanced Layer Slider Transitions Not Working – Mod Assistance Please #1301561Hey James Bowtine,
Thank you for the inquiry.
The slider transition or the fade in effect is working properly on Google Chrome. Where are you testing the site?
Best regards,
IsmaelHey schweg33,
Thank you for the inquiry.
You can use this css code to change the background of the drop down.
#top .av-subnav-menu li > ul > li { background: blue; }
If you want to change the color as well, try this css code.
#top .av-subnav-menu li > ul > li > a > .avia-menu-text { color: red; }
Best regards,
IsmaelHi,
It seems to be working properly on our end as shown in the screenshot below.
Screenshot: https://imgur.com/vAlDtVS
Would you mind providing a screenshot of the issue? You can use imgur or dropbox for the screenshot.
Best regards,
IsmaelHi,
Thank you for the update.
Unfortunately, we cannot access the previous threads based on the reply ID. You will have to provide the actual URL of the previous threads.
And as expected, the issue is caused by this css code, which is using an nth-child selector.
#top #header .av-main-nav li:nth-child(4) { margin-right: calc(100% - 500px); }
Best regards,
IsmaelHi,
It actually works properly on our end and for a few users who have implemented the same script before. Make sure to update the selector or class name in the following line.
scrollToTab( '.menu-item a', 'click' );
In your case, you have to replace it with..
scrollToTab( '.mega-menu-link', 'click' );
.. since you are using a different plugin to build the menu.
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code and purge the cache.
Best regards,
IsmaelHi,
You can use either of the two as long as the email address is valid and contains the domain name where the message is sent from. And you can add the code at the very bottom of the functions.php file.
If you have not installed a child theme yet, we recommend installing one now, then add or move the code in the child theme’s functions.php file.
// https://kriesi.at/documentation/enfold/child-theme/
Best regards,
IsmaelHi,
To resolve the issue, you have two options:
Create and select a page to be treated as the blog page
Add custom code to remove the breadcrumb schema from the source code when the blog page is referenced. An example of how to do this can be found here.Did you follow any of these recommendations? According to them, the issue is caused by not having a static blog page, which creates the m=0 parameter.
Did you try to set a static blog page? You can assign a different page as blog page and it should not affect the posts that displays in your home page, which seems to be what you are concern about. You can always revert it back to the previous settings if the results of the changes are not what you are expecting.
An example of how to do this can be found here.
Would you mind providing the actual link?
Best regards,
IsmaelHi,
The css code above is not working for the first catalogue item because for some reason, it is missing the lip container which exists on other catalogue items. This is the markup of the first item’s content.
<div class="av-catalogue-content">Amazing Spider-Man #304 NM Bagged and Boarded. Shipped with care to protect from damage. I pack them in a box with bubble wrap. <strong class="avia-catalogue-add-to-cart"> [Show Details]</strong></div>
And this is the markup of the catalogue items with the h4 tag with the class name lip.
<div class="av-catalogue-content"> <h4 class="lip">Amazing Spider-Man #305 NM</h4> <h4 class="lip"></h4> <strong class="avia-catalogue-add-to-cart"> [Show Details]</strong></div>
Did you add the h4 element manually?
Best regards,
IsmaelHey jenhames,
Thank you for the inquiry.
This is possible but you have to directly modify the
enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
file. Look for this code around line 479 and adjust the value in the number_array function from 100 to 300.array( 'name' => __( 'Post Number', 'avia_framework' ), 'desc' => __( 'How many items should be displayed per page?', 'avia_framework' ), 'id' => 'items', 'type' => 'select', 'std' => '16', 'lockable' => true, 'subtype' => AviaHtmlHelper::number_array( 1, 100, 1, array( 'All' => '-1' ) ) ),
You could also use the avia_post_grid_query filter to define the value of the posts_per_page parameter manually.
Best regards,
IsmaelHi,
Would you like to display the custom fields in the single post page (see private field)? If yes, then you have to edit the includes > loop-index.php file and use ACF’s get_field function to get the value of the custom field and render it to the page. For example, in the loop-index.php file, look for this code around line
// echo the post content if ( $blog_style == 'bloglist-excerpt') { the_excerpt(); echo '<div class="read-more-link"><a href="' . get_permalink() . '" class="more-link">' . __( 'Read more', 'avia_framework' ) . '<span class="more-link-arrow"></span></a></div>'; }
Above that code, add this one.
$publi_revue = get_field( "publi_revue" ); echo '<div class="av-publi-revue">' . $publi_revue . '</div>';
This should render the value of the Revue field above the post content, inside a container with the class name av-publi-revue.
Best regards,
IsmaelHi,
Thank you for the inquiry.
By default, the caption color is defined in the slideshow.css file and it is initially set to white, but you can adjust it in the Enfold > Advanced Styling panel. Under the Misc section, look for the Slideshow caption element.
Best regards,
IsmaelHi,
it possible to make a taxonomy selected by default so all posts have it automatically?
You might be referring to the taxonomy terms. This is possible by assigning a default term or category.
// https://wordpress.com/support/posts/categories/#assigning-default-category
And regarding the issue with the post slider, you might want to use the get_the_terms function instead so that you can properly create the layout or the markup.
// https://developer.wordpress.org/reference/functions/get_the_terms/#user-contributed-notes
Best regards,
IsmaelMay 21, 2021 at 6:39 am in reply to: Fullwidth Easy Slider no longer full width after upgrade to 4.8.2 #1301527Hey jonhedges,
Thank you for the inquiry.
In the home page, the full width slider is still fullwidth, but not in the post. Did you add the slider as shortcode inside the default editor? Please post the login details in the private field so that we could check the issue properly.
Best regards,
IsmaelHi!
– And the multiple
is still there = the caption to the preview looks very oddLooks like you have created a copy of the masonry file. Unfortunately, the theme is using that file instead of the file where you added the modification. We edited the copy of masonry file and implemented the changes. This removes the br tags from the excerpt.
– When I select Podcasts only one preview is shown but there are two podcasts.
The other podcast does not show because it is not loaded, yet. You have to load more posts until the other podcast is visible. Again, this is a limitation of the sort button. It can only sort posts that already exist in the page. It cannot dynamically fetch the post from the database and return it in the page if that is what you are expecting. Unfortunately, that is not how the sorting option works.
– The screen is still freaking flickering when I click Load more
I am not really sure why that is happening but you can try this css code.
.avia_loading_icon { display: none !important; }
– Two categories are not shown at all: Guidelines and Rapportager And two categories are not shown at all.
The categories show up when you load more posts.
Best regards,
IsmaelHey edster818,
Thank you for the inquiry.
The theme creates the mobile menu items dynamically based on the default menu, so you cannot just insert the logo image in a template. But it is still possible with a custom script.
Please try this snippet in the functions.php file.
// add logo image inside the mobile menu function ava_custom_script_mod_logo_mobile() { ?> <script> (function($) { $(document).ready(function() { var burger_wrap = $('.av-burger-menu-main a'); $(burger_wrap).on('avia_burger_list_created', function() { setTimeout(() => { $("<div class='av-mobile-logo'><img src='IMAGE URL HERE' /></div>").prependTo('#av-burger-menu-ul').addClass("mobile_social_bookmarks"); }, 150); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod_logo_mobile', 10000);
You can then use the av-mobile-logo class name or selector to adjust the style of the logo image.
.av-mobile-logo { /* add styles here */ } .av-mobile-logo img { /* add styles here */ }
Best regards,
IsmaelHey SunteamAutomatisering,
Thank you for the inquiry.
Looks like this is related to the block editor. Are you using the Gutenberg or the block editor? If not, try to disable it or select the classic editor in the Enfold > Theme Options > Select Your Editor settings. Please toggle or temporarily disable the Enfold > Performance > File Compression settings after selecting the new editor.
Best regards,
IsmaelHi,
Looks like the plugin completely overrides the layout of the theme, removes all of the default class names and IDs, which also disables the default styles. It also disables the scripts. Please look at the screenshot below.
Screenshot: https://prnt.sc/1367ptv
As you can see, none of the default theme layout or structure is left. You may need to contact the plugin developers for more info about this issue.
Thank you for your understanding.
Best regards,
IsmaelMay 20, 2021 at 4:28 pm in reply to: Element Image > Advanced > Image Link Settings > Lightbox -> not works #1301428Hey ishish,
Thank you for the inquiry.
Would you like to increase the size of the lightbox image? The default thumbnail used for the lightbox is called the Large thumbnail, which can be adjusted in the Settings > Media panel. After the size adjustment, you have to upload the images again or regenerate them using a plugin.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelHi!
Thank you for the update.
The font open sans is not loading on initial load because of the privacy options. The Cookie Handling > Default Cookie Behavior is set to the third option, so users have to enable the web fonts manually from the privacy modal popup window and accept the cookies first. Only then will external fonts be allowed to load. If you want to enable the fonts without user interaction, try to set the Default Cookie Behavior to the first or second option.
Cheers!
IsmaelHi!
Thank you for waiting.
The size of the product images go back to normal when we deactivate the EWWW Image Optimizer plugin. The plugin has an option called Resize Images and it seems to be affecting the product images too. You may need to use another image optimization plugin such as Shortpixel.
Best regards,
IsmaelHey bradleymayhew,
Thank you for the inquiry.
Where can we see the page with the hidden panels? What is the required class name? Please post the page URL in the private so that we could check it properly.
Best regards,
IsmaelMay 20, 2021 at 8:26 am in reply to: YITH WooCommerce Gift Cards delivery date note being saved correctly #1301326Hey Phet,
Thank you for the inquiry.
Would you mind providing a direct link to one of the gift cards? We would like to test it.
The theme is actually using the default jquery-datepicker and only applies it on element with the “av-datepicker” class name, so the plugin’s datepicker should be excluded or should not be affected by the script.
Best regards,
IsmaelHey vantagepointmg,
Thank you for the inquiry.
The issue seems to be happening for every fourth items in the dropdown. Did you add any custom css code with an nth-child selector?
We tried to login to the site but the login account above seems to be invalid. Please check the info carefully.
Best regards,
IsmaelHey omunyak,
Thank you for the inquiry.
Where can we see the issue? Please post the site or page URL in the private field. You should also disable the Performance > File Compression settings temporarily. Make sure to purge the cache afterwards.
Best regards,
IsmaelHey maryenvato,
Thank you for the inquiry.
The select options are there but the color of the text is the same as the background. Please try to add this css code to adjust the option color and the position of the select image.
#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select { -webkit-appearance: none; background-position: 100% 50% !important; } #top .entry-content-wrapper select option { color: #000000; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
@Raphael You do not have to repeat the the script for every category because the $_GET[“psort”] should already contain the category name or slug.
For example, to trigger the button for the teilhabe-an-kultur category, all you need to do is assign the category slug as the value of the psort variable.
https://siteeu/tit-6?psort=teilhabe-an-kultur
The script will automatically extract that value and trigger the teilhabe-an-arbeit_sort_button button..
<?php echo '$(".'. $_GET["psort"] .'_sort_button").trigger("click");'; ?>
.. because $_GET[“psort”] contains “teilhabe-an-kultur’.
Best regards,
Ismael -
AuthorPosts