Forum Replies Created
-
AuthorPosts
-
Hi,
@samdive thank you for the login, I see that you have an old footer.php & header.php in your child theme, please save these to your computer and remove them from your child theme.
Then your site will work correctly.
I’m not sure what customizations are in your old footer.php & header.php but if you want these customizations in your updated site you can make these customizations in a copy of the new footer.php & header.php from v4.9 and add them to your child theme.Best regards,
MikeHi,
Thanks for the login, it seems like the Regenerate Thumbnails was not working correctly, because when I used the Regenerate Thumbnails option in the Simple Image Sizes plugin the thumbnails were resized. Then I noticed that while the image sizes were correct they were show at full width on the blog page, so I added this css to your child theme stylesheet:#top.blog .big-preview.single-big { max-height: 580px; max-width: 845px; margin: auto; }now the featured images on your blog page /news/ are showing correctly.
Please clear your browser cache and check.Best regards,
MikeHi,
Thank you Guenni007 this is a good point.
So to expand on the above example to trigger the animation when the element is in view and not just on page load, we will add the class avia_animate_when_visible to the custom class with a space after the text-box-left or text-box-right classes

and changed the css to this:@keyframes slide-in-left { from { transform: translateX(-100%); } to { transform: translateX(0%); } } @keyframes slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0%); } } .text-box-right.avia_start_animation { animation: slide-in-right 1000ms; } .text-box-left.avia_start_animation { animation: slide-in-left 1000ms; }note the avia_start_animation class in the css, the waypoint script that Guenni007 pointed out changes the avia_animate_when_visible class to avia_start_animation so the css will work.

Best regards,
MikeHi,
Thanks, I’m not sure why this is not working, I disabled it for now and asked the rest of the team for ideas.Best regards,
MikeHi,
Very good, we will keep this open to hear back from you.
Typically I find using Keyframe Animations the easiest to use, this article is pretty good but if you search Google I’m sure you will find more examples that you can easily add to your css.Best regards,
MikeHi,
Glad this helps, you would need to add the animation to the css, please link to your site so I can see what you have achieved and link to the animation you wish for, many of our demos have different animated transitions so it would be better to see what you want.Best regards,
MikeFebruary 27, 2022 at 7:31 pm in reply to: Not seeing any opportunity to update…afraid to import fresh #1342483Hey tinam12,
Thanks for your question, unfortunately your version 4.7.6.4 (Oct 5, 2020) was not comparable with WP 5.6+ this was fixed in v4.8 (Mar 4, 2021)
The update solution below will not cause any lost of customization, but this assumes that your developer didn’t make any customizations to the core theme files, and that the developer used a child theme for any customizations. If the developer made changes to the core theme files and you don’t know to save these files to your computer to copy the customizations to your update, they will be lost.
I imagine you are not aware of this one way or another, so if you want to include a link to your site and admin login in the Private Content area we could take a look for you.
The very best way to test if your site will experience any issues with an update is to check if your webhost has the one click staging site option, this is an option in most cPanels to create a staging clone of your site so you can test on it and real your site will stay up and running. You can always ask your webhost to help you with setting this up if you want.Here are some screenshots of what it would look like:


if you have this option use it to create a staging site and test an update on it like below, otherwise you could create a backup of your site using your webhost full backup options so you can restore the old version if you have issues. I don’t recommend “backup plugins” unless you have specific past knowledge with using them, some “backup plugins” do not offer a working way to “restore” with them. A cplanel backup & retore practically always works.
To update your version of Enfold you will need to download the latest 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,
MikeHey Vera,
Thanks for your question, to use an image for the burger mobile menu for closed and open try this css in your Quick CSS and adjust the image URLs to suit your needs:.av-hamburger::before { content: url(https://img.icons8.com/external-sbts2018-lineal-color-sbts2018/58/000000/external-hamburger-fast-food-sbts2018-lineal-color-sbts2018.png); display: block; padding-top: 15px; } .av-hamburger.is-active::before { content: url(https://img.icons8.com/external-sbts2018-outline-sbts2018/50/000000/external-hamburger-fast-food-sbts2018-outline-sbts2018.png); display: block; padding-top: 15px; } .av-hamburger-inner {display:none!important;}this is the result:

After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 27, 2022 at 6:32 pm in reply to: photos cannot be moved and titel text is over gallery what shouldn`t be there #1342478Hi,
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 login, you have a very old header.php file in your child theme, please remove this file and check.
If your footer returns then add a copy of the header.php file from the parent theme v4.9 and add your modifications to it and check again.
But first test without the child theme header.php to ensure this works.Best regards,
MikeFebruary 27, 2022 at 4:57 pm in reply to: photos cannot be moved and titel text is over gallery what shouldn`t be there #1342472Hey rixi,
Thanks for your question, both of these issues were fixed in v4.9, please update and clear all caching.Best regards,
MikeHey Dave,
Thank you for your question and the login, I have added this to your child theme stylesheet@media only screen and (max-width: 767px){ .responsive #top #wrap_all .avia-content-slider-even .slide-entry.first { margin-left: 0; width: 100%; } } @media only screen and (max-width: 479px){ .responsive #top #wrap_all .avia-content-slider-even .slide-entry { margin-left: 0; clear: both; width: 100%; } }please clear your browser cache and check.
Best regards,
MikeFebruary 27, 2022 at 3:58 pm in reply to: Use custom blog layout for archive (category) pages #1342468Hey mistolt1997,
Thank you for your question, unfortunately, you can not create a custom layout to use instead of to defined options:
multi-big
single-small
single-big
blog-grid
bloglist-simple
bloglist-compact
bloglist-excerptfor example this sets the ‘blog-grid’ layout
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'blog-grid'; return $layout; }The ‘custom’ option redirects to the blog page to the one you set in the theme options, but this is not used for category pages.
I imagine that you could create a specific “category” page using the blog element set to show only one category, and then redirect to it, but it might be a lot of work if you have a lot of categories.There might be another solution for you depending on what you want to be customized, for example perhaps the ‘blog-grid’ layout will work for you but you also want a specific special heading and text block above the category grid, you could add this as a shortcode in the category description, this example was for a product category, but the same can be used for a post category if you add this code to allow shortcodes in the post category description:
add_filter( 'term_description', 'do_shortcode' );I hope this helps explain and gives you some ideas to achieve what you want.
Best regards,
MikeHi,
Thank you for the login, I adjusted your links to have the classmenu-itemso they only show on desktop
This is the new code:add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 ); function add_loginout_link( $items, $args ) { if (is_user_logged_in() && $args->theme_location == 'avia') { $items .= '<li class="menu-item"><a href="https://your-site.com/my-account/customer-logout/">Log Out</a></li>'; } elseif (!is_user_logged_in() && $args->theme_location == 'avia') { $items .= '<li class="menu-item"><a href="https://your-site.com/my-account/">Log In</a></li>'; } return $items; }please check.
Best regards,
MikeFebruary 27, 2022 at 2:28 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1342465Hi,
Above you had posted access with a Temporary Login Without Password token, I believe the time limit has expired because it’s not working now. Please check.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,
MikeFebruary 27, 2022 at 12:39 am in reply to: Add drop shadow to caption full width image slider #1342438Hi,
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,
Thank you for your patience please try this css to correct some of the fields breaking down a line:#top #mongo-form input[type="text"], #top #mongo-form input[type="tel"], #top #mongo-form input[type="password"], #top #mongo-form select { display: inline; } #top #mongo-form #DC_ValidOther { min-width: 100%; } #top #mongo-form #DCCreditSecurityCode label { display: inline; width: 160px; margin: 0; } #top #mongo-form #bboxdonation_comment_txtComments { margin-left: 161px; }After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHey condonpb,
Thanks for the FTP access, but I couldn’t login to WP with the admin login, nonetheless I tested your function on my demo site and regenerated my thumbnails and it worked correctlyadd_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580); $size['portfolio'] = array('width'=>845, 'height'=>580); return $size; }Perhaps this code near the top of your child theme functions.php is causing a conflict:
$avia_config[ 'imgSize' ][ 'featured' ] = array( 'width' => 1500, 'height' => 555 ); // images for fullsize pages and fullsize slider
try removing this and adding it to your enfold_customization_modify_thumb_size function like this:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580); $size['portfolio'] = array('width'=>845, 'height'=>580); $size['featured'] = array( 'width' => 1500, 'height' => 555 ); return $size; }and regenerated your thumbnails again, and check.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, 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,
MikeHey sethriley,
Thank you for the login, unfortunately, version 4.6.3.1 (Nov 22, 2019) had an update bug that was later fixed in 4.6.4-beta-1
So to update your version of Enfold you will need to download the latest version (v4.9) 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,
MikeFebruary 26, 2022 at 10:38 pm in reply to: Add drop shadow to caption full width image slider #1342428Hey Berebeeld,
Please try this code in the General Styling ▸ Quick CSS fieldh1.avia-caption-title { text-shadow: 2px 2px #000 !important; }After applying the css, please clear your browser cache and check.
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,
MikeHey VirtuHouse,
This can be done with Keyframe Animations this article is pretty good but if you search Google I’m sure you will find more examples. In the example below I created a page with two text blocks, one has left text alignment and the other right, in the custom classes for each element I used either text-box-left or text-box-right

then I used this css:@keyframes slide-in-left { from { transform: translateX(-100%); } to { transform: translateX(0%); } } @keyframes slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0%); } } .text-box-right { animation: slide-in-right 1000ms; } .text-box-left { animation: slide-in-left 1000ms; }and now on page load the text slides in

this basic example can be applied to other elements, or you can search for more advanced examples, but this should help you get started.Best regards,
MikeHey tauqer30,
Thank you for the screenshot, I was able to find your site and found that your custom menu item li doesn’t include the classmenu-item
please include this class and it won’t show on mobile. Your code snippet above didn’t post correctly so I can’t advise on how to adjust it, if you need further help please include an admin login in the Private Content area.Best regards,
MikeFebruary 26, 2022 at 9:11 pm in reply to: Nach oben Button integrieren und leere Felder in Mobiler Version entfernen? #1342419Hey UFreeman,
1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?
I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:
@media only screen and (max-width: 767px) { #simple-translate { display: none; } }After applying the css, please clear your browser cache and check.
2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.
To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option
@media only screen and (max-width: 767px) { .responsive #top #scroll-top-link { display: block; } }again after applying the css, please clear your browser cache and check.
Best regards,
MikeHey Akhurst,
Thanks for your link and screenshot, unfortunately, you can not do that directly, you could “fake” a category page by adding a product slider to a page and only show one category in it, but it would not be linked to from product page category links.
I assume that the reason you want to do this is because you would like to show the special-headings and textblock above the product grid like on your /edgebanders/ page.
This can be done with a custom shortcode in your functions.php for each category page.
For example I copied your special-headings and textblocks html, but you could also use the element shortcodes, and added to my child theme functions.php like this:function category_description_sc( ){ return do_shortcode('<div class="av-special-heading av-l01jfpk8-6ff7d45e06a3edb0c8feca9bc3993089 av-special-heading-h2 meta-heading avia-builder-el-1 el_before_av_hr avia-builder-el-first "><h2 class="av-special-heading-tag" itemprop="headline">Edgebanders</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div> <div class="hr av-l01jfxa9-f6ed7abf8e08223ca4bfa21708dacb34 hr-invisible avia-builder-el-2 el_after_av_heading el_before_av_textblock "><span class="hr-inner "><span class="hr-inner-style"></span></span></div> <section class="av_textblock_section av-l01jg5gy-ffdf42db35c6941bb6b37af284404119" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><h3>Beautiful cabinetry requires precision edgebander solutions for optimal aesthetics.</h3> </div></section> <section class="av_textblock_section av-l01jn9y5-d165d9be36c859091452d8ca70ce4545" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><p>With such a wide array of panel types and finishes available on the market today, you need the right edgebander to ensure the optimum esthetic of your case goods and cabinet doors.</p> <p>At Cantek, we have the right edge banding solution to fit your application, production requirements, and budgeting needs. Today the demands on edgebanders have never been higher, so, in response, our manufacturing partners have worked to revolutionize the edgebander. Edgebanding machines are designed to minimize setup while allowing for wide flexibility of edge banding applications and they can be configured for EVA, Polyurethane, or Polypropylene glues to minimize the visible glue joint. Working units like pre-milling, corner rounding, and glue scraping are available to produce the optimum finished edge.</p> </div></section> <div class="av-special-heading av-l01l61rc-1bcbcc6dd8d5111025c60153096ebed3 av-special-heading-h2 meta-heading avia-builder-el-5 el_after_av_textblock el_before_av_productgrid "><h2 class="av-special-heading-tag" itemprop="headline">Choose your solution</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>'); } add_shortcode( 'category_description', 'category_description_sc' );the shortcode for this is
[category_description]
I add this to one of my product category Description:

and the result is:

So while you would need to add one for each category, it should not be any more work than adding the elements to the page.Best regards,
Mike -
AuthorPosts

