Forum Replies Created
-
AuthorPosts
-
Hey Jason,
Thanks for your patience, you don’t need to assign a specific purchase code / token to a specific site, just ensure that each site uses a unique token.
You would not be able to update v4.8.2 to v5.6.10 with the token, due to how Envato changed the update method for the older version, please manually update. Please note that Envato limits the number of update checks per 24 hours, I believe it is 20 for all sites combined, so if you checked 20 times on one site, your other two sites will have to wait 24 hours.
To update manually update an older 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,
MikeHi,
The first css above is what sets the breakpoint:@media only screen and (max-width: 1190px) { #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item { flex: 1 1 100%; } }feel free to adjust to suit your needs
Best regards,
MikeHey daves1997,
It looks like the page was saved as a Classic Editor page and it added HTML tags into the Advanced Layout Builder shortcode breaking the structure. It would be very hard to go line-by-line to remove all of the added BR & P tags and try to restore this page. Typically I would recommend using the revisions option to restore the page:

but this option is not available on your site, I don’t know if a plugin has disabled it, and if that means that no revisions have been saved, so in that case you may need to recreate the page again and delete this page.Best regards,
MikeHi,
Glad this helped, to use a different icon for the fallback icon you would use this css:.fallback-post-type-icon:before { content:"\e803"; font-family: 'entypo-fontello'; }Open the icon library in the advanced layout builder by clicking on the icon element and hover over the icon to view the “Unicode” or “Charcode”:

and drop the “u” in the code like I did in the example above.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHi,
I don’t know what specific settings Kinsta would require, the screenshot that you posted shows a error the MIME type text/html is not supported, this is a server/htaccess error themes don’t set the allowed MIME types.Best regards,
MikeFebruary 14, 2024 at 12:37 pm in reply to: safari background videos not showing, videos issues on mobile #1434293Hey Munford,
Thanks for the link to your test page, when I check the background video on Windows desktop and Android mobile the video plays correctly, IOS typically blocks videos from auto playing on mobile, they have become more aggressive and the best option is to use a fallback image for mobile or a small gif.
Background videos don’t have sound, the thread you linked to is from 2016 and the browsers have changed a lot since then. Perhaps you can try the LayerSlider instead, but with each update the browsers limit these actions more, so you may be better to design to what is allowed now so you don’t need to redesign later.
The WordPress media player, when it used by Enfold, doesn’t have volume controls on mobile by design, WordPress points out that mobile devices have manual volume buttons so they removed the controls. The only way around this is to use a different media player plugin.Best regards,
MikeFebruary 14, 2024 at 12:16 pm in reply to: Custom Field “Hide on sigle entry”, and Gravity Forms #1434287Hi,
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 14, 2024 at 12:15 pm in reply to: Request to check page editing errors (Avia Layout Builder) #1434286Hi,
Glad Ismael could 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, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top #av_section_4 .container { width: 100%; } @media only screen and (max-width: 767px) { #top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback { padding: 0 3em; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner { padding: 0 3em; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 13, 2024 at 12:39 pm in reply to: Custom Field “Hide on sigle entry”, and Gravity Forms #1434174Hi,
I don’t know about your plugin so I don’t know how the form that you have created will be able to add to a custom field.
But this post will explain how to use the add a custom field to add a custom body class.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_header_top.html_header_sticky #top.blank #wrap_all #main { padding-top: 0 !important; }the pages shown in the lightbox have the class “blank” added to the body, so #top.blank can be used to target elements inside the lightbox.
The lightbox has the class “mfp-iframe-holder” but the page in the lightbox is in a iframe and the parent page css can not effect the iframe page, so the css must be added to the child page css, thus the #top.blank.
If you clear the cache and the above css still doesn’t work, try adding it to your WordPress ▸ Customize ▸ Additional CSS, it has a highest priority.Best regards,
MikeHi,
I The Shop demo has a lot of resources, I think your site is timing out on the import. Please try updating your server to these:
PHP max input variables 10000
PHP time limit 300
Max input time 120
Upload max filesize 128M
PHP post max size 128M
Then reset your site again and try again.Best regards,
MikeFebruary 12, 2024 at 12:21 pm in reply to: Custom Field “Hide on sigle entry”, and Gravity Forms #1434076Hi,
In my research I fould the custom fields that begin with an underscore are hidden custom fields and are not displayed in the WordPress edit post page and can only be updated programmatically.
This is why you can not add it manually, I found and function that will allow the field to be shown, but you still can not manually update it:add_filter( 'is_protected_meta', function( $protected, $meta_key, $meta_type ) { $allowed = array( '_avia_hide_featured_image', '_test', '_wp_page_template' ); if( in_array( $meta_key, $allowed ) ) return false; return $protected; }, 10, 3 );See these pages for reference:
https://melapress.com/support/kb/wp-activity-log-log-changes-hidden-custom-fields/
https://wordpress.stackexchange.com/questions/116534/how-to-allow-hidden-custom-fields-to-be-added-from-wp-admin-post-phpPerhaps your best solution will be to create a new custom field that will add a custom class to the page body and then use css to hide the featured image when ever the class is on the page.
Best regards,
MikeFebruary 12, 2024 at 12:15 am in reply to: Removing category tags on advanced product builder page #1434036Hi,
Glad to hear that you have this sorted out, this would be the solution that I would recommend also, 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 tried to recreate the post that you linked to, so I created a test page with two links:

the first link opens a Classic Editor post in a new tab, the second opens the same post in a lightbox, in order for the link to work this must be added to the end of the post url:
?iframe=true&modal

Then I added two snippets in my WP Code plugin, the first is a PHP snippetfunction add_modal_qs(){ if(isset($_GET['modal'])) { global $avia_config; if(isset($avia_config)) { $avia_config['template'] = 'blank'; } } } add_action('init', 'add_modal_qs');the second is a CSS snippet
#top.blank .title_container,#top.blank #main .sidebar{display:none;} #top.blank .container .av-content-small.units {width: 100%;} #top.blank .container .content {border: none;} #top.blank #main .sidebar {border: none;}The PHP snippet opens the post in a lightbox with no header or footer, the CSS snippet hides the titlebar and the sidebar and makes the post content full width.
So the first link, with the normal url, opens the post in a new tab with everything showing:

the second link with ?iframe=true&modal added to the url open a lightbox with only the content showing:

Best regards,
MikeHey Gianluca,
Thank you for your patience, I see that you have imported many demos and so your menu shows “home” pages from many different demos. The demos were not designed to work together like this so perhaps a conflict occurred. Try resetting your site with the plugin WP Reset and then try importing the shop demo again, if you still have problems then please include a admin login in the Private Content area so we can examine.Best regards,
MikeHey ausgesonnen,
This seems to ba a duplicate thread, I offered a solution in your other thread, please review.Best regards,
MikeHi,
Don’t be embarrassed, it can happen to the best of us :) 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 and your screenshots, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap { width: 44%; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey northorie,
Try starting with the theme options to have the cookie bar at the bottom of the page, and then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-cookie-consent.avia-cookiemessage-bottom { bottom: unset; left: unset; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.3); } #top .avia-cookie-consent .avia-cookie-consent-button { display: block; width: 60%; margin: 10px auto; } #top .avia-cookie-consent p { display: block; padding-bottom: 20px; } #top .avia-cookie-consent-button { border-radius: 50px; } @media only screen and (max-width: 767px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 80%; } } @media only screen and (min-width: 768px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 25%; } }the desktop results:

tablet:

mobile:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey jeel147,
Thank you for your patience, to remove the pencil icon try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.fallback-post-type-icon { display: none; }The space between each item is created by the padding, this css will reduce it in half, but feel free to adjust to suit.
.bloglist-compact.post-entry { padding: 7px 0; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 11, 2024 at 7:53 pm in reply to: Custom Field “Hide on sigle entry”, and Gravity Forms #1434019Hi,
Thanks for the video, I’m not sure how your plugin works, but your test post is a Block Editor post on the backend, but if I publish it it seems to be a ALB post on the frontend, so I believe this causes an issue. Similar to if you try to switch editors after a post is created, this often causes errors with the content.
If you don’t want the featured image to show you can use this css to hide it:.single-post .big-preview.single-big { display: none; }This might be the best way to work around this.
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 rqn,
If you want to hide the prev / next post navigation and add a new blog post navigation to the bottom of the posts, above the share buttons, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter( 'the_content', 'prev_next_post_nav' ); function prev_next_post_nav( $content ) { if ( is_singular('post') ) { $content .= '<div style="clear:both;"></div>'; $content .= '<div class="prev-next-nav-container">'; $content .= '<div class="prev-nav">'; $content .= get_previous_post_link(); $content .= '</div>'; $content .= '<div class="next-nav">'; $content .= get_next_post_link(); $content .= '</div>'; $content .= '</div>'; return $content; } else { return $content; } }Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.prev-next-nav-container { width: 100%; height: 70px; padding-top: 20px; padding-bottom: 10px; } .prev-next-nav-container .prev-nav { display: inline-block; float: left; border-style: solid; border-width: 2px; border-radius: 0px; text-align: center; padding: 5px; text-decoration: none; } .prev-next-nav-container .next-nav { display: inline-block; float: right; border-style: solid; border-width: 2px; border-radius: 0px; text-align: center; padding: 5px; text-decoration: none; } .prev-next-nav-container .prev-nav:hover, .prev-next-nav-container .next-nav:hover { background-color: rgba(0,0,0,.2); color: #fff; } .prev-next-nav-container .prev-nav:hover a, .prev-next-nav-container .next-nav:hover a { color: #fff; } .prev-next-nav-container .prev-nav a, .prev-next-nav-container .next-nav a { display: inline-block; } .prev-next-nav-container .prev-nav:empty, .prev-next-nav-container .next-nav:empty, .single-post .avia-post-nav.avia-post-prev, .single-post .avia-post-nav.avia-post-next { display: none; }This will make post navigation buttons like this:

The buttons only have a light styling, you can adjust to suit.
On Advanced Layout Builder posts they will show at the bottom of the post page:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHi,
The css that Rikard posted above is specific for the one image on your page, note the specific class .av-lsh4cogd-a3efe67e0d537b1ce26e3bade8c60c08.
You can also add the page ID if you wish:.page-id-1076599 .av-lsh4cogd-a3efe67e0d537b1ce26e3bade8c60c08 .av-image-caption-overlay-center { vertical-align: bottom; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .main_color .avia-data-table.avia_pricing_minimal.not-accepted th { background-color: red; color: white; text-align: left; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey carmen,
Thanks for your question, if you use the Enfold builder, (ALB) Advanced Layout Builder, to build a page please don’t edit it with another builder, like the WP Classic Editor, Block Editor, etc. This can lead to issues, if you want to see the raw page shortcode please Enable the Avia Layout Builder Debugger and this will show a new area under the builder that shows the shortcode.Best regards,
MikeHi,
Perhaps you have an error in your css like a missing bracket, the css above doesn’t change the position, it only adds padding. Try removing the code above and add it to WordPress ▸ Customize ▸ Additional CSS, perhaps you should also check your custom css with a css validator for a missing bracket.
If it still doesn’t work then remove it so your site works as before, and include a admin login in the Private Content area so we can examine.Best regards,
Mike -
AuthorPosts

