Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
Looks like you have already done what you are trying to do — the menu on the front page is already white, and it is black on other pages. Do you need anything else?
You can use this css code to change the color of the menu to white on every page, except the front page.
body:not(.home) .header_color .main_menu ul:first-child > li > a { color: #000000; }
Best regards,
IsmaelHi,
Alright. Please feel free to open a new thread should the issue arise. We will close this one for now.
Have a nice day.
Best regards,
IsmaelHi,
No problem! Glad to know that it is working, and thank you for the kind words.
Will the issue be fixed in the next release?
The theme does not actually allow opening of inline content in its default lightbox implementation, so this falls under custom modifications. Please keep the script in the functions.php file.
Best regards,
Ismael.April 14, 2021 at 7:55 am in reply to: Logo Center with Button on Left (Header Widget) & Hamburger Menu on Right #1294263Hi,
Thank you for the update.
1.) You have to create more css media queries to adjust the style of the logo on mobile view, or to apply the previous css code on larger screens only. Example.
@media only screen and (min-width: 989px) { .av-logo-container .logo { left: 50%; transform: translateX(-50%); } }
This should apply the changes only on screens wider than 989px.
2.) For the header effect, try to use this script in the functions.php file to toggle the header class attribute on scroll.
function ava_header_on_scroll(){ ?> <script> (function($) { $(window).on("scroll", function() { if($(window).scrollTop() < 50) { $("#header").removeClass("with-background"); } else { $("#header").addClass("with-background"); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_header_on_scroll');
Then use this css code to apply the black background.
#header.with-background { background-color: #000000 !important; }
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHi,
Thank you for the info.
What are the original sizes of the image in the partner/logo element? You may need to remove the items and add them again, make sure that the original size is selected instead of the thumbnail. (see private field)
Best regards,
IsmaelHi,
Thank you for your patience.
We just noticed that the Enfold > Privacy & Cookie > Cookie Handling > Cookie Consent Message is enabled in the EN version, and the Default Cookie Behavior is set to the third option, which means that external services including Google Fonts will not load unless the user opt in or enable it manually.
We disabled the privacy & cookie options temporarily, but if you want to enable it back and make sure that the fonts are available automatically on page load, you have to set the Default Cookie Behavior to the first or second option.
Best regards,
IsmaelApril 14, 2021 at 7:23 am in reply to: Strange problem in blog post element individual posts get nested? #1294255Hi,
Thank you for the update.
The Full Content option is intended for posts created using the default editor and again, content made with the advance layout builder should not be showing in the blog overview page, so there is a template issue somewhere. Temporary fix is to disable the full content option and just show the posts summary in the blog overview page.
Best regards,
IsmaelHi,
No problem! Please feel free to open a new thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHey 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,
Ismael -
AuthorPosts