Forum Replies Created
-
Posts
-
Hi,
To have your icon grids to have the same height as width, Try adding this code to the end of your functions.php file in Appearance > Editor:function equal_height_icon_grid(){ ?> <script> (function($){ $(document).ready(function() { $(window).on('resize', function() { $('.article-icon-entry').height( $('.article-icon-entry').width() ); }).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'equal_height_icon_grid');Then clear your browser cache and check.
Best regards,
MikeHey Rob,
Sorry for the late reply, in the thread that you linked to it is explained that “If you do not select a breadcrumb parent page a php session variable will be used to determine which page could be a parent page. The results may vary depending on which page the website visitor views first. If you want a constant breadcrumb (which does not use sessions to “guess” the right parent page based on previously visited pages) you need to select the breadcrumb parent manually.”
When you explain your pages don’t have a parent page and the linking you have between the categories, this makes since when considering the php session variable.
So it seems that the solution is to set the parent for these two pages, but I know that you didn’t want to do this because you wanted them to be independent pages in the menu, you can achieve this by using “custom links” for these two in the menu instead of the standard “menu items”.Best regards,
MikeHi,
Sorry for the late reply, When I look at your product grid element on your shop page I see that the product grid element settings are “Sorted by newest product”, and then checking the front end it looks like this is true. This seems to be what your wish is, correct?
Your question about the settings at WordPress -> Customizer -> WooCommerce -> Product-Katalog -> Standard Produkt Sortierung these are meant to be a shortcut to the WooCommerce default settings, but the product grid element settings are meant to take priority. When I checked these were set to “Sorted by newest product” and not “Lasse den Benutzer auswählen, indem in einen Dropbox-Menü die Sortieroptionen angezeigt werden”, which you did not want to use. So this seems correct as to your wishes?Best regards,
MikeHi,
Sorry for the late reply, I took a look at your page and believe you would like your extra menu to be level with your logo and to the right.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#nav_menu-2 { top: 80px; padding: 0 !important; z-index: 10; } #nav_menu-2 .menu-header-menu-right-container { float: right; } #nav_menu-2 .menu-header-menu-right-container li { display: inline-block; border-bottom: 1px solid; border-left: none; border-right: none; border-top: none; border-radius: 3px; background-color: #ff6600; border-color: transparent; padding: 10px; } #nav_menu-2 .menu-header-menu-right-container li a { color: #fff; }Please see the screenshot in Private Content area, and then clear your browser cache and any cache plugin, and check.
Best regards,
MikeHi,
Sorry for the late reply, very good then, unless there is anything else we can help with on this issue, shall we close this then?
For anyone thinking of using the Slick Slider js, here is a video that explains how to use it pretty well.Best regards,
MikeHi,
Thanks, the css is in your WordPress > Customize > Additional CSS I had moved it a couple of times until I realized the Autoptimize cache was giving me some trouble.
Anyways, please let us know if you need further help with setting up the two elements to show on different devices.Best regards,
MikeHi,
Sorry for the late reply, for your home page footer width, it looks like your boxed layout is still enabled, so this solution includes making your site full-width and then moving your #footer to after the #main div and making the #main content boxed.
So basically right now your layout is like this:<body> <div id="wrap_all"> <div id="main"> <div id="full_slider_1"></div> <div id="av_section_1"></div> <div id="footer"></div> </div> </div> </body>The following script will move the #footer to after the #main div like this:
<body> <div id="wrap_all"> <div id="main"> <div id="full_slider_1"></div> <div id="av_section_1"></div> </div> <div id="footer"></div> </div> </body>Try adding this code to the end of your functions.php file in Appearance > Editor:
function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( 'body' ).each(function() { $( this ).find( '#footer' ).insertAfter( $(this).find('#main') ); }); }); })(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:
.responsive.html_boxed #top,.responsive.html_boxed.html_header_sticky #header { max-width: 1810px !important; max-width: 100% !important; width: 100% !important; } #main { max-width: 80%; margin: auto; } #footer { width:100%; justify-content: center; display: flex; background-color:blue; } #footer > .container { margin: 0 !important; padding: 0 !important; }The blue background color is only to demonstrate that the footer is full-width, you can remove the color if you wish.
Then clear your browser cache and check.For your mailto links, please see this article about mailto Link Syntax
Best regards,
MikeHi,
Sorry for the late reply, I’m not sure how this could cause some display issues for users on a desktop, without “window resize”. Do you believe your users are loading your site on a desktop and then resizing the window?
I believe that using two different elements for different screen sizes would not add much to the loading time because the element is already loading so the difference is just the small amount of text that is in the element.
So I would recommend this approach.
Yes, I had disabled your Autoptimize plugin because its cache was making it hard to test the above solution, I wrote about this above, but I have re-enabled it now, sorry for the confusion.Best regards,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
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,
MikeHi,
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,
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,
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,
Mike
