Forum Replies Created
-
AuthorPosts
-
Hey navindesigns,
Sorry for the late reply, thanks for the link to your pages. This is the css for the masonry animation, I modified it for the flip card entries..fc_card-container { -webkit-animation: avia_msonry_showw 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); animation: avia_msonry_showw 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); } @-webkit-keyframes avia_msonry_showw { 0% { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes avia_msonry_showw { 0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } }The class
.fc_card-containeris your entry, the keyframe animationavia_msonry_showwis the same code as your masonry but I renamed it by adding an extra “w” to the name so you can adjust the code, if you wish.
In my test the animation works, but it is not exactly as the masonry page. Please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, then clear your browser cache and any cache plugin, and check.
While researching this for you I also tested this animation that is a little different but you might like it, so please test this one also:.fc_card-container { animation: growin 1s; } @keyframes growin { from { transform: scale(0); } to { transform: scale(1); } }Please see these articles for tips on adjusting the css keyframes to change the animation:
CSS Animation for Beginners
Transitions & AnimationsHere is one more to try:
.fc_card-container { transition: transform 0.8s; transform-style: preserve-3d; perspective: 1000px; transform: rotateX(90deg); animation: growin 1s; animation-fill-mode: forwards; } @keyframes growin { from { transform: scale(0); transform: rotateX(90deg); } to { transform: scale(1); transform: rotateX(360deg); } }Please let us know if any of these helps.
Best regards,
MikeAugust 23, 2020 at 3:23 pm in reply to: Adding Google Global Site Tag for contact form submissions #1240094Hey woogie07,
Sorry for the late reply, the instructions above say to add the code to the “head” of your site, so you can place this in the Enfold Theme Options > Google Services field, this is what the field is designed for.
When you add the code please watch for curly quotes in the code, all quotes should be straight, single or double.Best regards,
MikeHi,
Sorry for the late reply, I have checked your mobile menu for both of your languages and the menu is linked correctly. It looks like your language plugin is switching your menu based on language, so I don’t believe you need to use the procedure above.
Please see the screenshot in Private Content area.Best regards,
MikeAugust 23, 2020 at 2:00 pm in reply to: Problems with the Header and Masonry for Posts not showing up #1240081Hi,
Sorry for the late reply, I took a look at your sectionΔείτε όλα τα μαθήματα μας εδώin Greek & English, but the element seems to work correctly, I can click each one and land on your lesson pages.
I also checked the sectionΟδηγίες Χρήσης του Ανταλλακτηρίουand the blog post element is only showing the posts from the category “exchange”, which there is only one, so this is why only one shows. Would you like all categories to show?Best regards,
MikeAugust 23, 2020 at 1:31 pm in reply to: Mobile menu on scroll down hide and on scroll up show #1240074Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Please include an admin login in the private content area so we can take a closer look. When you last updated was it though the theme panel or did you update via FTP?
Have you checked your server log for server errors (error code 5xx or 4xx)?
Have you tried disabling your plugins to rule out a conflict, can we test the this also?Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top div .quantity input.qty { width: 80px !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear you have it sorted out now, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeAugust 23, 2020 at 1:34 am in reply to: Enfold theme 3.5.1 error, unable to add pages, posts etc – see error message #1240017Hey neurocognitiveconsultants,
Enfold v3.5.1 is quite old and will not work correctly with WordPress v5+
You will need to update your theme via ftp as it is too old to update via the theme panel.
Please create a full backup using your web host options and then follow these steps:
The easiest and safest way to update an old version is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
MikeAugust 23, 2020 at 1:27 am in reply to: Css for changing all portfolio entry images or background colors #1240016Hey App-Daddy,
As I understand your question, you have used the blog element on some pages that display single category portfolio items, but you want them to look like your pages using a masonry element to display portfolio items?
The elements are quite different and I’m not sure how similar they will be with some css. I believe you would get a better match if you used the masonry element on these pages also.Best regards,
MikeAugust 23, 2020 at 1:00 am in reply to: Empty link in special headings – problem after update #1240009Hey creativeopole,
I’m not sure that I understand your issue, do you want to have a special heading link? In my test the special heading link can be set to “manual” and left empty, such as your screenshot, but it won’t be a link, it will be the same as a special heading with no link.
So if no link is set and you don’t want one, why do you need to change them all to “no link”?Best regards,
MikeHi,
Glad to hear you have sorted this out, unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeAugust 23, 2020 at 12:46 am in reply to: Mobile menu on scroll down hide and on scroll up show #1240007Hi,
Thank you for the login but it is not an admin login so we can not add the script to your site.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> ( function( $ ) { 'use strict'; var $window = $( window ); var lastScrollTop = 0; var $header = $( '#header' ); var headerBottom = $header.position().top + $header.outerHeight( true ); $window.scroll( function() { var windowTop = $window.scrollTop(); // Add custom sticky class if ( windowTop >= headerBottom ) { $header.addClass( 'myprefix-maybe-sticky' ); } else { $header.removeClass( 'myprefix-maybe-sticky' ); $header.removeClass( 'myprefix-show' ); } // Show/hide if ( $header.hasClass( 'myprefix-maybe-sticky' ) ) { if ( windowTop <= headerBottom || windowTop < lastScrollTop ) { $header.addClass( 'myprefix-show' ); } else { $header.removeClass( 'myprefix-show' ); } } lastScrollTop = windowTop; } ); } ( jQuery ) ); </script> <?php } add_action('wp_footer', 'custom_script');Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 767px) { .myprefix-maybe-sticky { position: fixed !important; top: -120px; width: 100%; z-index: 999; opacity: 0; background: #fff; transition: 0.3s all; box-shadow: 0 2px 3px rgba(0,0,0,0.15); } .myprefix-show { top: 0; opacity: 1; } }Then clear your browser cache and any cache plugin, and check.
Best regards,
MikeHey smarta-brett,
Thanks for the link to your page, unfortunately the individual slides do not have ID’s so you can not link directly to them.
If you were able to add ID’s to the slides you probably would be able to link to the individual slides, but this would require writing a JQuery script.Best regards,
MikeHey Nancy,
I believe we can do this with some css, but your link is not working so we can check your page. Please check.Best regards,
MikeAugust 23, 2020 at 12:17 am in reply to: Would like no "Date" on Magazine showing Portfolio items #1240001Hey pkjd,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:time.av-magazine-time { display: none !important; }After applying the css, please clear your browser cache and check.
If this doesn’t help please include the URL to the page in question so we can take a closer look.Best regards,
MikeHey koonpete,
Thank you for your question, you can edit the language files at\wp-content\themes\enfold\lang\with Poedit to achieve this.
So after you install Poedit open your language “.po” file and search for the phrase you wish to edit, then when you save a new “.mo” file will also be created. You will then need to upload both files via ftp to the location above.
Or you add them to your child theme so the translations are saved for future updates.
If you use the English language on your site you will have to take an extra step because there is no “en_US.po” or “en_US.mo” file, you will have to create it.
So open the file enfold.pot with Poedit and click the button “create new translation” and choose the language “English”

then you can edit the phrases as explained above.

when you save your files be sure to name them “en_US.po” & “en_US.mo”

Best regards,
MikeHey JoStudioDeRijp,
The correct format istel://1-555-555-5555please see this article for more info.

Best regards,
MikeHey idvisionme,
Thank for the link to your site, you have the errorjQuery is not defined
Please check that the setting Enfold Theme Options > Performance > Load jQuery in your footer is not enabled.Best regards,
MikeHi,
When I check your tabs on a mobile device the filter is working, please see the screenshot in Private Content area.
Try clearing your browser cache and checking again.Best regards,
MikeHi,
Ok, try this, assuming your skype link is this:skype:apple123?call
add this to your skype social profile URL:https://skype:apple123?call
Then try adding this code to the end of your functions.php file in Appearance > Editor:function custom_skype_link(){ ?> <script> (function ($) { $(window).load(function() { $('.social_bookmarks_skype a').attr("href", "skype:apple123?call"); $('.social_bookmarks_skype a[target="_blank"]').removeAttr('target'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_skype_link');in the above code adjust the link to yours
skype:apple123?call
Then clear your browser cache and any cache plugin, and check.Best regards,
MikeHi,
Thank you for the feedback. When you are testing your page with the “Live Test” in the Google Search Console > URL Inspection and you see the error “Page is not mobile friendly” this doesn’t mean that it will not be indexed.
On the URL Inspection page you should see this:

Now in my tests, if you run the same test a few times you will get different results:

I can not test your pages in my Google Search Console, because it only allows you to test your own domains, but note that the “Live Test” is a limited test which doesn’t load all resources available.
Now we know that the reason you are seeing the error “Page is not mobile friendly” is because the test didn’t load the css file to arrange the page correctly, and when the css file is loaded the test passes the page.
This is not the same as indexing your page, when google indexes your page it doesn’t limit the crawl in the same way. I don’t believe that reducing your pages to only the elements that will show in the “screenshot” of the “Live Test” is necessary for your site to be indexed.
While I want to help you with any issues with your site, this seems to be an issue with the test not giving a complete result by not loading the available resources for the page because it’s bandwidth is limited.Best regards,
MikeAugust 22, 2020 at 7:47 pm in reply to: PRODUCT TITLE IS NOT H1 and FILTER IS NOT TRANSLATE in Enfold Woocommerce #1239986Hi,
Sorry for the late reply, I have tested the pt_BR language with Enfold & woocommerce and found that the filter text is in the language file at\wp-content\themes\enfold\lang\pt_BR.po
currently, this file by default seems to be missing many translations for this language, above you wrote that you have updated your pt_BR.po file, so I assume you did this with Poedit and then uploaded the .po & .mo files to the correct location.
Please link to your pt_BR.po & pt_BR.mo files via DropBox so I can test them on my localhost to ensure your edits are saved correctly.
Once these files are working correctly you can add them to your child theme so the translations are saved for future updates.Best regards,
MikeHi,
Sorry for the late reply, I have taken a look at the other thread and posted a reply. We will continue there.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.single-sfwd-lessons { min-height: 100vh; }After applying the css, please clear your browser cache and check.
Best regards,
MikeAugust 20, 2020 at 2:26 pm in reply to: Portfolio Grid Feed Pagination does not seem to work #1239548Hi,
Sorry for the late reply and thank you for the login. I tested your temp site and compared it to your live site and I’m not seeing any errors, other than the pagination not working correctly.
I tried to recreate this on my localhost by adding a portfolio grid element to a portfolio item, such as your example, but the pagination worked correctly. Can you please post a link to a text copy of your .htaccess file, perhaps there is an odd rule there?Best regards,
MikeHi,
Thank you for the feedback, so the “SG Optimizer” plugin is for your site’s server-side object caching, while you are building your site you will want this off, but once you are done with the major page builds you may find this works well to speed up your site.As for the Media elements, such as the slider, with the SG Optimizer plugin off, are showing correctly in the page test.
So what do you mean by “incompatible with Google bots”?Best regards,
MikeHi,
Sorry for the late reply and thanks for the screenshot, I checked your check out page and found that the input fields are actually “iframes” from the “stripe” domain. So in this case you can not control the element because it is not your domain.
But the input fields already have the font size defined at 15px with this css:.ElementsApp, .ElementsApp .InputElement { color: #31325F; font-size: 15px; }so I would think that this addresses the zoom effect for the element, but if not I found this article on styling the fields. You can try this css based on the information from the article:
#stripe-card-element, #stripe-exp-element, #stripe-cvc-element { font-size: 16px !important; }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts

