Forum Replies Created
-
AuthorPosts
-
Hey Reto,
Thank you for your patience, first I assume that when you say that you have imported the fonts into the theme, that you mean in the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager

If so then you can choose this font in the General Styling

or in the Advanced Styling

For elements that you can’t choose a custom font in you can add a custom class in the element Developer Settings, for example my-custom-font

and then css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field like this:.my-custom-font { font-family: 'my-font'; }After applying the css, please clear your browser cache and check.
Best regards,
MikeApril 22, 2023 at 9:10 pm in reply to: Advanced Layerslider – Scroll Scene – Play By Scroll #1405252Hey astropower,
Thank you for your patience and for sharing the solution that the Layerslider support team gave you, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive body#top { overflow-x: visible; }After applying the css, please clear your browser cache and check.
I recommend adding the page ID to the #top id for the page you will use this on so it doesn’t interfere with other pages, for example if it’s going to be on your home page try this:.responsive body#top.home { overflow-x: visible; }Best regards,
MikeApril 22, 2023 at 8:53 pm in reply to: Masonry categories not showing up until related posts are loaded #1405251Hey petepopov,
Thank you for your patience, the sort options will only show for the posts displayed initially and of those posts only the shown ones be sorted. For example on your page when you click the sort “Technical” only three items will show until you load more.
So one way around this would be to change the date on at least one item from each category so all categories will show, but the drawback is that when the category sort is clicked only one item will show. If you initially show 12 items you could show two from each category.
Another way around this would be to show all items in the element settings but use css to hide most of them on the frontend, for example on my test page linked below there are a total of 16 posts, 4 in each category, only 4 will show on page load but clicking any sort link will show the hidden posts and click “All” will show all 16
This is the css used.#av-masonry-1 .av-masonry-container:not([id^=masonry_id_]) .av-masonry-entry:nth-child(n+6) { display: none; }Best regards,
MikeHi,
Thank you for your patience and the link to your page, but I don’t see any square images on the page they all look to be landscape.
Can you tell us which images you mean or include a screenshot to point out the issue.Best regards,
MikeApril 22, 2023 at 7:38 pm in reply to: How to build template image slider synchronous with text slider #1405248Hey landhausaustria,
Thanks for your patience but I don’t see a way to create this in Enfold, I recommend using a WordPress plugin for this, but unfortunately I’m not sure which one would do this so you will need to search through these.
Sorry we couldn’t be more help with this.Best regards,
MikeHey vantagepointmg,
Please include the url to the page in question so we can examine the elements.Best regards,
MikeHi,
It sounds like you have a plugin adding noopener noreferrer try disabling your plugins and checking again.
Otherwise please include an admin login in the Private Content area and link to the page so we can be of more assistance.Best regards,
MikeHey buzbuzzer,
Thank you for your patience, I tested in Windows in Chrome, Firefox, & Edge and only Firefox had the offset wrong, is this where you see it also?
I see that you added this script:(function($) { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 100 //offsets for fixed header }, 1000); return false; } } }); }(jQuery));But you are getting a jQuery is not defined do you have the option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer enabled? Try disabling it
Best regards,
MikeApril 22, 2023 at 6:15 pm in reply to: How to work with New Transition Presets in LayerSlider? #1405242Hi,
Thank you for your patience, it looks like this is a known issue for the LayerSlider team, try their recommendation here. If this doesn’t help try asking their support if there is a workaround for this.Best regards,
MikeHi,
Glad Günter was 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,
To change the capitalizion of your special heading elements and the footer widget titles try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top h2.av-special-heading-tag, #top h3.widgettitle { text-transform: capitalize; }After applying the css, please clear your browser cache and check.
To remove the H1 tag from the post title bar try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $('.main-title.entry-title').contents().unwrap(); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
@engage24 please try @Guenni007 suggestion, thanks Guenni007.Best regards,
MikeHey mrqslmk,
Thanks for your question, I assume that you are not using any plugins like Yoast to set the nofollow on your links, in my test site the Partner/Logo Element doesn’t have the “rel” attribute set so I recommend this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $('.avia-logo-grid .slide-entry').each(function() { $(this).find('a[href *="google.com"]').attr("rel", "nofollow"); $(this).find('a[href *="kriesi.at"]').attr("rel", "follow"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and adjust the links to suit and add as many as you like. This sets the nofollow or follow based on the link URL
Best regards,
MikeHey schweg33,
To make the social icons larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .social_bookmarks li a { width: 40px!important; line-height: 40px!important; min-height: 40px!important; font-size: 30px!important; } #top #wrap_all .social_bookmarks li { height: 30px!important; width: 40px!important; } #top #wrap_all .social_bookmarks { height: 60px!important; } #top nav .social_bookmarks { margin-top: -20px; }To invert the social icons colors try this css:
#top #wrap_all .av-social-link-youtube a { color: #a72b1d; } #top #wrap_all .av-social-link-instagram a { color: #a67658; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the feedback, I found that the form is wrapped in the menu element link attribute, even though you have no link set the “a” still has “#”

while I can unwrap the link from the menu item with this:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#avia-menu').one('click', function(){ $('#av-burger-menu-ul .menu-item-3979 a').contents().unwrap(); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_script');This didn’t help, so I then tried on my test site to append the contact form to the menu and while this worked the form action always reloaded the page so you don’t see the ajax response. So I don’t think this is going to work.
But I believe that I have found a workaround, on my test page linked below I have the desktop menu set to icon and full width like your site, but I have no menu items, instead on the homepage I have a full-width contact form with the font set to light and transparent, and I use this css to hide the contact form until the menu overlay is shown and then the menu overlay is hidden, giving the effect that the contact form is inside the menu:

and it shows the ajax response.

#top.home form.avia_ajax_form { display: none; } .av-burger-overlay-active #top.home form.avia_ajax_form { display: block; } .av-burger-overlay-active #top.home #header_main .av-burger-overlay { display: none !important; } .av-burger-overlay-active #top.home #wrap_all #av_section_1 { background-color: #000; } .av-burger-overlay-active #top.home .av_header_transparency.av_alternate_logo_active .logo a > img { opacity: 1; } .av-burger-overlay-active #top.home .av_header_transparency .logo img.alternate { opacity: 0; }Try my test page and see if this might be something that would work for you.
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,
MikeHi,
Thanks for the link to your page, typically the author, date, & categories are wrapped in the post-meta-infos span:


but yours is not wrapped in any element:


So I recommend removing your PHP customization and allow the theme to show the post-meta-infos span and then I can give you some javascript to move it below the image.
Or if you want to use your PHP customization please change it so the author, date, & categories are wrapped in a span or div with a custom class, and then I can give you some javascript to move it below the image.Best regards,
MikeHi,
Thanks for the login, on the /what-is-bodystress/ page I set each of your Grid row cells to Individually select position for each column

and then each cell I assigned either position one or two to set the page as text, image, text, and so on:

This seems to work now, please clear your browser cache and check and then try this on your other page.Best regards,
MikeHi,
Thanks for the login, I see that you are using PHP v8.0.28 and Enfold v5.5 now and your homepage loads but not the page you pasted above /new-home/
I see that your child theme has many custom files which probably need to be updated as the core files have most likely changed.
I recommend testing by activating the parent theme and see if this solves. If not also try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.Best regards,
MikeHi,
Thank you for your feedback, I have asked the Dev Team for advice about this and will reply when I hear back from them. Thank you for your patience.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 Guenni007 could help, thank you Guenni007, 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,
@flipstar99 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.
@Guenni007 Thank you for sharing your tip.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,
I see that you are using v5.1.2, please try updating to v5.5 and see if that corrects, if not then please include an admin login in the Private Content area so we can be of more assistance.
If you have trouble updating in the theme settings with the Token, try downloading the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
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,
I see that you are using Enfold v4.5.2, this version is not compatible with PHP v8, you will need to update to Enfold v5.5
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike -
AuthorPosts

