Forum Replies Created
-
AuthorPosts
-
Hi,
On your /test-codeblock/ page, I first un-commented your functions.php code to load theimagehover.min.cssso it would load,add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/css/imagehover.min.css', array('parent-style') ); }it is better than the “code block” css you added, I also removed that.
I also adjusted your image code to show the image:<figure class="imghvr-fade"> <img src="https://your-domain.com/wp-content/uploads/2020/04/coverage-540x300-1-300x167.jpg"> <figcaption> This is the hover content that I have added </figcaption> <a href="https://your-domain.com/wp-content/uploads/2020/04/coverage-540x300-1-300x167.jpg"></a></figure>The issue was that your
img srcwas empty, now it contains the link to your image and the hover works.On the same page, your icon grid was inside of a color section which restricted it’s width, I moved it out of the color section and now they are square.
Best regards,
MikeHi,
Sorry for the late reply and thanks for the WordPress login, please include FTP access so we can manually upload the demo to your site.Best regards,
MikeHi,
Please check that Enfold Theme Options > Performance > Load jQuery in your footer is not activated and that no other plugin is moving the jQuery to the footer.
Also, try deactivating Enfold Theme Options > Performance > JS & CSS file merging and compression and activating Enfold Theme Options > Performance > Disable Template Builder Elements > Always load all elements and then check your check-out again after clearing your browser cache.Best regards,
MikeJune 19, 2020 at 4:38 pm in reply to: Can't import demo "Enfold 2017 | Import didn’t work! You might want to try again #1224089Hi,
Sorry for this trouble and thanks for your patience, but thanks for the hosting login. So I see that with your host you only have the sftp option for uploading, and I tried all of the passwords and VPN in as a swiss IP. So please download these files: https://www.dropbox.com/sh/30wxdkhixvdxhku/AABVjyTOQl-NuYZRRDQv4wwEa?dl=0
then extract the 2017_demo_uploads.zip file and upload the two folders to /wp-content/uploads/
then upload enfold-2017.xml to \wp-content\themes\enfold\includes\admin\demo_files\
I modified this file to import the demo images from your server instead of ours, typically this bypasses the server security settings.
Sometimes there are a couple of additional settings to correct, such as your widgets, and the menu, but I can make these changes from within your site if you can upload these files or assist with the sftp password so I can login.Best regards,
MikeHi,
Thanks for the link to the element you would like to recreate in Enfold. Here is a screenshot (click to view gif) of the element before and on mouse-over (hover) so everyone can follow along.

For this example, I recommend the Icon Grid element using the “flip box” option,

I set up 3 Icon Grid items with the appropriate icons and text, and for the arrow below each icon I added this link in the Grid Item Sub-Title field:<a href="#true-next" title="" rel="nofollow"></a>

and in the flip back content:

Please note that the “scroll to next” arrow link above anchors to#true-next, please adjust to suit and then add a manual link to each icon box to the anchors you wish:

I know that you asked not to use any css, but the “scroll to next” arrow link is white by default, so for this example I added this css to make the arrow your blue color, and I also applied the blue to your icons. If your icon box background is darker then a white arrow would be good, or you can use just a HTML arrow character instead of the animated “scroll to next” arrow and not use this css.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #main .avia-icongrid-flipbox .scroll-down-link,#top .avia-icongrid-flipbox span.icongrid-char:before { color: #4691a9 !important; } #top .avia-icongrid-flipbox h4.av_icongrid_title { font-size: 32px !important; } #top .main_color a.avia-icongrid-wrapper { color: transparent !important; }Here is the final result (click to view gif):

Best regards,
MikeHi,
Thank you, the images look much better, please ask your client to clear their browser cache and then check.Best regards,
MikeJune 18, 2020 at 2:01 pm in reply to: Can't import demo "Enfold 2017 | Import didn’t work! You might want to try again #1223701Hi,
Sorry, is the ftp address just the domain, or is it ftp.[your-domain]? Or do you use an IP address? Do you have a ftp port number and is it ftp or sftp? It seems to have trouble resolving the address. Perhaps I should try a VPN in case your webhost is blocking some countries, which country do you login from?
If this continues, can you provide webhost or cPanel login, perhaps I can use the cPanel file manager to upload the demo files?Best regards,
MikeHi,
Thanks for the login, I checked your pages on Windows with Chrome & Firefox & a 22′ screen, at first I don’t notice any blurriness in the preview thumbnails, but when I compare the thumbnails in a new tab with the gallery there seems to be a difference, I believe it’s because your thumbnails are 300px square and are showing at 351px square, I recommend changing the thumbnail size to 400px square and then Regenerate Thumbnails and clear your caches.
Perhaps on your 13′ Mac the thumbnails are showing at 300px so you don’t see the difference?
I linked to the thumbnails in the Private Content area to show what I mean.The easiest way to change the thumbnail sizes is to install the Simple Image Sizes plugin, then go to Settings > Media, and change the thumbnail image size (increase its width / height).
Then Regenerate Thumbnails with this plugin, it seems the Simple Image Sizes plugin has an issue with it’s “regenerate thumbnails” option.The other option is to find the image sizes in the functions.php file around line 174 and then Regenerate Thumbnails and clear your caches.
Best regards,
MikeHi,
sorry for the late reply, it looks like your audio playlist is created by a plugin “cue”, the audio progress bar seems to work on our demo, have you tried disabling your plugins to see if that helps?Best regards,
MikeHi,
Sorry for the late reply, glad to hear this helped. For companypartners, I see that when logged in the menu acts correctly, but when logged out the menu flashes when scrolling. Please enable the WordPress > Appearance > Editor so we can see the functions.php
I tried to test this on neofin.elbnetz but the site doesn’t allow logged out viewing of the site.Best regards,
MikeHi,
@dhaniearie thanks for the details, but they are not working for me. Note that it is for your cPanel webmail, is the cPanel login the same? Both failed for me. Which country are you logging in from? I can try a VPN to see if that helps, I did try “Latvia” but still couldn’t login.
I will also need your WordPress login, do you login to your site through the cPanel?Best regards,
MikeHi,
Thanks for the feedback, the dev team has looked at this issue, but unfortunately they have found it is a limitation of flaticon.If user is not able to generate an own unique font name for each set of icons it will be overwritten.
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,
Sorry, the way your footer is inside of the boxed layout, it can’t be full width while the rest of your page is in a box layout.
Please try setting your page full width then we can add 50px padding to the content of your page to give it a box layout feel while the header and footer are full-width.Best regards,
MikeJune 17, 2020 at 12:15 pm in reply to: Can't import demo "Enfold 2017 | Import didn’t work! You might want to try again #1223334Hi,
Thank you for the login, but the ftp access is not working, please check.Best regards,
MikeHi,
I see, your test page worked for me, but I can understand your concern, so perhaps the plugin is the best approach.Best regards,
MikeHi,
Thanks for the link, but I couldn’t load the login form, is this the correct URL?
Anyways, I saw your homepage bullet points and please try this css instead:#top .avia_textblock ul li:before { display: list-item; content: "-"; list-style: none inside; float: left; position: absolute; left: 0; } #top .avia_textblock ul li { list-style: none; padding-left: 13px; }Then clear your browser cache and check.
Best regards,
MikeJune 16, 2020 at 12:41 pm in reply to: Header displays for a split second too wide (menu positioning issue) #1222990Hi,
Glad this is sorted out, 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,
@dhaniearie Please include an admin login & FTP access in the Private Content area so we can take a look, which demo are you trying to import?Best regards,
MikeJune 15, 2020 at 2:24 pm in reply to: Change my Website from 1024px (ipad) to the Mobile Version #1222654Hi,
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,
Thanks for the screenshot and the link, so if you disable the “YITH Infinite scrolling plugin” then the page loads correctly?
Typically to exclude media from lazy loading you would use the class skip-lazy and the attribute data-skip-lazy but I can’t find this in their documentation so I’m not sure if these are the exact terms to add to your grid to disable on the page. Try asking the “YITH Infinite scrolling” support if these are the correct terms to use.
The script above runs on page load and I don’t see any triggers from “YITH Infinite scrolling” when it adds more items to the grid to fire the script, so disabling it on the page is probably your best option.Best regards,
MikeHey Frank,
Sorry for the late reply, Are you using the ajax portfolio grid where you click an item and the portfolio item opens above? This solution will make the item open below.Another option is to use jQuery to toggle “show” and “hide” for your portfolio grid, so when you click the button the portfolio grid is shown. Do you have an example page for us to see?
Best regards,
MikeJune 15, 2020 at 4:43 am in reply to: How can I make css changes table only visible for table with class X #1222544Hi,
Sorry for the late reply and thanks for the login, I found your css in your Quick CSS, but it was not modified forsponsorbedragenso I made the changes and moved your css to the WordPress > Customize > Additional CSS just until we are sure it’s working correctly.
Please clear your browser cache and check.Best regards,
MikeHey hotspot,
Sorry for the late reply, to add a “scroll down arrow” to the top of your page over a full width easy slider, first create a “code block” with the ID “next-section-arrow” under the full width easy slider with this code:<style> #top #next-section-arrow .scroll-down-link { top: -20vh; left: 42.5vw !important; } </style> <a href="#true-next" title="" class="scroll-down-link av-control-hidden" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>then add this ID to the target section below the slider:
true-next
Then clear your browser cache and check.Best regards,
MikeHey Haycreations,
Sorry for the late reply and thanks for the login and the example page, I see that when your plugin “Official MailerLite Sign Up Forms” is disabled the masonry shows but I couldn’t find any errors to explain this.
Please note that some elements don’t display correctly in “preview” when a page is in “Draft” status, this is known and the dev team is working on it. So when you test please “publish” your page. Unfortunately, the masonry still doesn’t show when the plugin “Official MailerLite Sign Up Forms” is enabled.Best regards,
MikeHi,
Sorry for the late reply, to change the font size of h1 on mobile, I looked at your page and the heading “Innovations Management Software”, for this structure please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { .avia_textblock h1 { font-size: 24px !important; } }adjust the font size to suit.
After applying the css, Please clear your browser cache and check.Best regards,
MikeHey wrightella1,
Sorry for the late reply, you can modify the image sizes in the /enfold/functions.php file, starting at line 166.
After making your changes you will have to Regenerate Thumbnails.For your burger menu font sizes, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 990px) { #top #wrap_all #av-burger-menu-ul span.avia-menu-text,#top #wrap_all #av-burger-menu-ul li { font-size: 16.5px !important; } }After applying the css, Please clear your browser cache and check.
Best regards,
MikeJune 15, 2020 at 1:39 am in reply to: Change my Website from 1024px (ipad) to the Mobile Version #1222535Hi,
For targeting IOS devices try to take advantage of the IOS media queries such as(-webkit-min-device-pixel-ratio: 2)and specific sizes and orientation. Please see: CSS Media Queries for iPads & iPhones
You may have to mix and match the media queries to cover all of your devices, but this site has them laid out nice.Best regards,
MikeHey bobfurgo,
Sorry for the late reply, in researching this it seems that the portfolio breadcrumbs title can be modified with this function in your functions.phpfunction max_title_length( $title ) { $max = 200; if( strlen( $title ) > $max ) { return substr( $title, 0, $max ). " …"; } else { return $title; } } add_filter( 'the_title', 'max_title_length');So the WordPress title limit seems to be 60 characters, with this function I can show 72 characters but not more, if you change the max to “2” the breadcrumbs will only show 2 characters.
So there seems to be another limit on the title, but the documentation I can find keeps pointing to this function.Best regards,
MikeHey fcp,
Sorry for the late reply, I didn’t find a solution to do this with an Enfold “filter” or “hook”, but I was able to write a script that seems to work. First I added a custom ID to your home page product sliderfrontpage-product-sliderbecause we don’t want this running amok.
Then I added this script to your child theme functions.phpfunction custom_shop_columns_script(){ ?> <script> (function($){ $(document).ready(function(){ var width = $(window).width() if((width >= 768) && (width <= 1024)) { $('#frontpage-product-slider.template-shop.avia-content-slider').removeClass('shop_columns_4').addClass('shop_columns_3'); } else if((width <= 767)) { $('#frontpage-product-slider.template-shop.avia-content-slider').removeClass('shop_columns_4').addClass('shop_columns_2'); } else {} }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_shop_columns_script');Then I added this css to your Quick CSS
#frontpage-product-slider.shop_columns_3 .products .product { width: 31.6% !important; } #frontpage-product-slider.shop_columns_3 .products .product:nth-child(4) { display: none !important; } .responsive #top #main #frontpage-product-slider.shop_columns_2 .products .product { margin: 0 1% 1% 0 !important; width: 49% !important; }I had to disable your Autoptimize plugin because it’s cache was making it hard to test this, but it seems to work now. Please clear your browser cache and check.
Please note, if you test on a desktop by changing your window size, you will have to reload the page because the script works on page load and not window resize.Best regards,
Mike -
AuthorPosts
