Forum Replies Created
-
AuthorPosts
-
Hey Lidia,
Thank you for the inquiry.
You can actually delete all thumbnails because the theme or WordPress will just automatically fallback to the original image, but this is not recommended because it will affect the site performance. We cannot really say which thumbnails to remove because we have no idea which elements are actually added in the site.
If you want to know how to remove or unregister a certain thumbnail, please check the following link.
// https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808
Best regards,
IsmaelHi,
Thank you for the update.
Since you are using the layout builder, you will have to manually add the summary in the Excerpt box for each post. If the box is not available in the post editor, click the Screen Options in the top right corner of the dashboard, then tick the Excerpt checkbox.
Best regards,
IsmaelHey Telmore,
Thank you for the inquiry.
You can use the following css code to adjust the style of the pagination.
#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { float: left; height: 50px; width: 50px; line-height: 50px; text-align: center; padding: 0; border-radius: 100px; margin-right: 10px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } #top .pagination .pagination-meta { line-height: 50px; } .main_color .pagination a { background-color: red; color: white; }
What do you mean by “fixed”? Please provide a screenshot of the hero image issue in the magazine element. You can use imgur or dropbox for the screenshot.
Best regards,
IsmaelHi,
Thank you for the update.
This is how we see the page on our end.
Screenshot: https://imgur.com/o3TjTGO
Is that how it supposed to look? The font gothamrounder-mediumitalic seems to be loading properly.
Request URL: http://dev.site.nl/wp-content/uploads/avia_fonts/type_fonts/gothamrounded-mediumitalic/gothamrounded-mediumitalic.ttf
Request Method: GET
Status Code: 200 OK (from memory cache)
Remote Address: IP ADDRESS
Referrer Policy: strict-origin-when-cross-originBest regards,
IsmaelApril 14, 2021 at 6:40 am in reply to: Customize category pages to look like "ALB build" blog posts (thumbnails, etc). #1294247Hey AlexR,
Thank you for the inquiry.
Have you tried doing a page redirect to transfer the user from the actual category page to a custom one? You can use either of the following plugins to automatically redirect a URL to another.
// https://wordpress.org/plugins/eps-301-redirects/
// https://wordpress.org/plugins/redirection/The more difficult solution is to modify the archive.php file manually.
To enable the read more link for the category pages, you can add this filter in the functions.php file.
function ava_change_blog_archive_style() { global $avia_config; if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; } } add_action('get_header', 'ava_change_blog_archive_style');
Best regards,
IsmaelHi,
Thank you for the update.
The theme automatically assign or pick a specific thumbnail for any specific element in the builder, for the blog element that is the entry_with_sidebar (845x321px) thumbnail, and the masonry (705x705px) thumbnail for the masonry element. However, that can be adjusted by selecting a different thumbnail in the element’s Styling > Appearance > Preview Image Size settings.
To further optimize the site’s loading speed, you can follow the instructions provided in the following articles.
// https://gtmetrix.com/wordpress-optimization-guide.html
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslowBest regards,
IsmaelHey davead,
Thank you for the inquiry.
The next tabs will only display when the user clicked on the very last visible tab, but if necessary, we could adjust the width of the tab titles with css to show the hidden tab titles partially, letting the user know that there are more tabs.
.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image { width: 70px; }
And add this css code to align the title to the left instead of center.
.av-tab-section-tab-title-container { text-align: left; }
Move the css inside this css media query if you want to only apply them on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ }
Best regards,
IsmaelHi,
Thank you for the update.
You can use this css code to make the toggle content scrollable.
.togglecontainer .toggle_content { overflow: scroll; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings.
Best regards,
IsmaelApril 13, 2021 at 11:51 am in reply to: How can I link something in a tab to another tab in the tab section? #1294079Hey JoStudioDeRijp,
Thank you for the inquiry.
Yes, you can use anchors to open a tab from another tab. Example:
<a href="http://site.com/sample-page/#tab-id-1"> Open Tab 1</a>
The link above should open the first tab.
Best regards,
IsmaelApril 13, 2021 at 7:55 am in reply to: Accessibility Issue for Menu with Sub-items of sub-items #1294037Hi,
Thank you for the update.
As we stated on the previous thread, the modification there will only work properly on a single level sub menu.
This should open the sub menu on tab focus and hide it back after focusing out on the very last menu item in the list. This should work properly on items with single sub menu, but not on items with multiple levels of child menu items.
What happens when you remove this block of code?
sublist.find('li:last-child').on('focusout', function () { sublist.stop().animate({ opacity: 0 }, function () { sublist.css({ visibility: 'hidden' }); }); });
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after changing the file.
Best regards,
IsmaelHey KeesKaas,
Thank you for the inquiry.
You have to apply the ID or the destination anchor to an actual color section instead of the special heading element, which is deeply nested in the containers. Add a color section, move the content inside it, then place the ID to the Advanced > Developer Settings > Custom ID Attribute field.
Best regards,
IsmaelHi,
Thank you for the info.
We have found a lot of unused themes in the /lamp0/web/vhosts/default/htdocs/wp-content/themes/ folder. Is that the correct directory? Would you mind removing the themes that you are not planning to use and leave Enfold and its child theme? If it is a multisite, then it’s fine.
Looks like the page per posts option is now working, we set it to 6, but the pagination is still not showing. It shows back only after we disabled the filter in the functions.php file.
//add_filter('avia_post_slide_query', 'lili_post_slide_query', 10, 2);
Best regards,
IsmaelApril 13, 2021 at 6:25 am in reply to: CLS (Content Layout Shift) Troubleshooting help please #1294026Hi,
Thank you for the update.
According to the gtmetrix tool, the biggest contributor to layout shift is the main container, which is odd because there is nothing dynamically added to that container by default, until we noticed the google ad sections and the mashsb-box sharing section in your home page. The ad sections are dynamically created using scripts, which is causing huge layout shifts. Temporarily disabling those ads should lower the layout shift by significant amount.
Did you add those ads just recently? The last time we checked, the CLS score is 0.001 and the ads sections are not there.
Best regards,
IsmaelHey akelly7,
Thank you for the inquiry.
The items display back when we disable the post type dropdown or selection in the portfolio grid element. But it displays the default posts instead of the custom post type funds.
// add_theme_support('add_avia_builder_post_type_option'); // add_theme_support('avia_template_builder_custom_post_type_grid');
Have you tried using the Blog Posts element instead? The portfolio grid element is not really intended to be used for different post types other than the portfolio items.
Best regards,
IsmaelApril 13, 2021 at 5:25 am in reply to: Masonry gallery | Elementbeschriftung hat keinen Einfluss auf die Anzeige #1294022Hi,
Thank you for your patience.
The color of the masonry title and caption is set to white, which is the same as the background, so it is not visible. The parent container is also hidden with css. To change the text color and display the parent container back, we used this css in the Quick CSS field.
.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow { background-color: #ffffff; color: #000000 !important; } .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content { display: block; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings and do a hard refresh before checking the page.
Best regards,
IsmaelHi,
Thank you for the update.
We are not yet sure why this is not working in your installation, but we noticed these errors in the browser console, which might be causing the issue with the column links.
js?v=3.44&client=google-maps-pro&language=en®ion=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label js?v=3.44&client=google-maps-pro&language=en®ion=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label
It seems to be related to the map. Did you install a map plugin?
Best regards,
IsmaelApril 13, 2021 at 4:54 am in reply to: Columns and "Custom top and bottom margin" on mobile view #1294017Hi,
Thank you for the info.
We will forward the issue to our channel. Temporary solution is to set the columns to have an equal height, or apply the negative top margin to the color section containing the columns instead.
Best regards,
IsmaelHi,
Thank you for the update.
According to this stackoverflow thread, the sticky position will only work if the element is not nested deep in the DOM and that the parent containers do not have the overflow:hidden property.
// https://stackoverflow.com/questions/43707076/how-does-the-position-sticky-property-work
You might have to place the table inside a color section and make sure that the parent containers do not have the overflow property, but it might still not work since the heading row is still nested deep in the document tree.
Best regards,
IsmaelHi,
Thank you for the inquiry.
We are not really sure what happened there and we will not know unless it happens again so that we can inspect it. As @Rikard observed, it is possible that there are invalid or unnecessary css, scripts or markup that should not be there, but remains because of the caching. We are not really sure about your server, but Nginx can be configured to cache static content such as images, js and css files.
Let us know if the issue occurs again.
Best regards,
IsmaelApril 13, 2021 at 3:38 am in reply to: Define font of Caption Title in Fullwidth Easy Slider #1294014Hey KoolDD,
Thank you for the inquiry.
The font-family should not contain the font-weight, the thickness of the font has to be declared separately.
// https://www.w3schools.com/cssref/pr_font_font-family.asp
// https://www.w3schools.com/cssref/pr_font_weight.aspAnd please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
Thank you for the update.
The color of the links in the main content is still set to #2d5c88 when we checked the css in the browser inspector. Please try to disable the minification settings temporarily and purge the cache.
Best regards,
IsmaelHi,
Thank you for the info.
a
We missed the dot in the selector “open-popup-link-button a”, it should be “.open-popup-link-button a”. Sorry about that. We edited the code and added the dot on these lines.jQuery('.open-popup-link-button a').addClass('no-scroll'); jQuery('.open-popup-link-button a').magnificPopup({
The page is not scrolling now after opening the lightbox. Please do not forget to purge the cache or do a hard refresh prior to checking the page.
Best regards,
IsmaelApril 12, 2021 at 12:02 pm in reply to: woocommerce category description displayed in title header #1293917Hi,
Thank you for following up.
Did you actually try the css code? That should display back the hidden shop title container as shown in the screenshot below.
Best regards,
IsmaelApril 12, 2021 at 11:36 am in reply to: Speaker icon in video element doesn't show in mobile and tablet devices #1293904Hey hooman80,
Thank you for the inquiry.
It is not available on those devices because the audio can be adjusted directly in the device settings, or using the volume buttons.
// https://support.apple.com/en-ph/guide/iphone/iphb71f9b54d/ios
Best regards,
IsmaelHey Jewels007,
Thank you for the inquiry.
Did you actually download the font set from https://fontello.com/? If you have svg files, you can upload the files to the fontello site to create custom font icons. You cannot upload svg and png files directly to the icon font manager.
Best regards,
IsmaelApril 12, 2021 at 11:18 am in reply to: HOW TO: make the footer and socket have the same background image #1293899Hey DigitalEssence,
Thank you for the inquiry.
Yes, that should do it. You can also wrap the socket and footer container using javascript, but it might cause unnecessary layout shift.
// https://api.jquery.com/wrapall/
And FYI, you can assign a specific page as footer in the Enfold > Footer > Default Footer & Socket Settings settings.
Best regards,
IsmaelApril 12, 2021 at 11:11 am in reply to: Add Static Buttons to the Top of Website (Mobile Only) #1293895Hey vantagepointmg,
Thank you for the inquiry.
You can edit the templates directly (header.php file, includes > helper-main-menu.php), or use an action hook to render additional elements inside the header or menu container.
Example:
add_action("ava_main_header", function() { echo "<a class='button'>Something...</a>". }, 10);
You can then use css to toggle the visibility of the said element on different screen sizes or on different device.
Best regards,
IsmaelHey gfnzit,
Thank you for the inquiry.
You can use this css code to remove the comment count from the post meta info container.
.slide-meta-comments { display: none; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.
Best regards,
Ismael -
AuthorPosts