Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the link to your page and the screenshot, I see that your grid row’s height is set to 100vh, when this is set the cell background image is set to background-size: cover which means the image will cover the cell height and width, and in order to cover the height the image will be too wide for the space, unless you want it stretched and distorted.
I see that the image is too wide between 768px & 1605px so try this css:@media only screen and (min-width: 768px) and (max-width: 1605px) { #av-layout-grid-1 .flex_cell.avia-full-stretch { background-size: contain !important; }After applying the css, please clear your browser cache and check.
This sets the background-size: contain so the whole image shows, height & width, the only drawback is there is some space above and below the image because it is centered in the screen.
If you don’t like this you can add a background color to the cell matching the image so there is no space, like this:@media only screen and (min-width: 768px) and (max-width: 1605px) { #av-layout-grid-1 .flex_cell.avia-full-stretch.avia-builder-el-first { background-size: contain !important; background-color: #C1E1FF; }unfortunately, I didn’t find the exact color of your image background, so adjust the color to suit.
Please see the screenshot in the Private Content area.Best regards,
MikeSeptember 30, 2022 at 1:13 pm in reply to: WooCommerce product list element not working correctly #1367094Hi,
Thank you for your patience, below is v5.0.1 for you to test with.Best regards,
MikeHi,
Sorry that we were not able to help more with this issue, but glad that you were able to work around this. 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,
MikeSeptember 30, 2022 at 12:38 pm in reply to: Stopping the animation of the headline rotator after the first pass #1367088Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
Glad to hear this helped and thank you for bringing this forward, this should also help other users with this issue on their sites.
I don’t see any way that we could include this in the theme because the root of the issue was the use of the CDN and the css above is specific to your pages. Each site/page will have a different element height based on the inner contents.
This worked well for you because all of your pages had the same layout, but unless other users are using a CDN I don’t expect that they will encounter this issue.
But for anyone that does encounter this issue this thread will help explain and offer the means to a solution that we can adjust to suit their situation, if they need help.Unless there is anything else we can assist with on this issue, I would like to close this so the thread stays on topic and is easily found in the search results.
Best regards,
MikeSeptember 29, 2022 at 7:38 pm in reply to: Color section with full width content – odd gap down right hand side #1366997Hey DigitalEssence,
Thanks for the link to your page, I found this custom css adding the blue dash, please try removing it:#de-homepage-church-colour-section .text { padding: 20px!important; outline: 2px dashed blue; }I see that the two columns inside the color section are different heights, have you considered using the equal height option in the first column, in the row tab?
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.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,
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 instead:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $('#top.single-post .av-post-metadata-category-link a:contains("DE")').each(function(){ $(this).css({'display':'none'}); $('#top.single-post .av-post-metadata-category').contents().filter(function() { return this.nodeType === 3; }).eq(1).remove(); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHi,
I would guess position: absolute; but I don’t know if that is the problem or if on mouse-over the browser is changing the element display from block to inline or inline-block or flex-block or list-item, or if it is something else, but that is what I would look at first.
Best regards,
MikeHi,
Perhaps there is an issue with your converter, I test with this free online converter and I found no issues on a clean install with no plugins.
Please give this a try.
PNG to WEBP Converter
JPG to WEBP Converter

Best regards,
MikeSeptember 29, 2022 at 1:14 pm in reply to: Using image icon/flipbox raster element [SOLVED] #1366881Hi,
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 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 mvanstee,
Thanks for the link to your page, please try this css:#top.single-product .main_color .variations select { border: solid 1px #fff; } #top.single-product select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAVUlEQVRIie2UMQoAIAwDxU872tFfn5NQBAchBcFm7126pJSvAhgwIuErWskG10oO8LBPALi5qdIGKUhBCn4VAG3fIDd2XdLCS+Twg0QLdxIDLAT+bCYyZJeL8uH9pwAAAABJRU5ErkJggg==); }expected results:

After applying the css, please clear your browser cache and check.Best regards,
MikeHey Tilman,
Thanks for the link to your page, to remove the category link “DE” and the comma after it
try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $('#top.postid-6592 .av-post-metadata-category-link a:contains("DE")').each(function(){ $(this).css({'display':'none'}); $('#top.postid-6592 .av-post-metadata-category').contents().filter(function() { return this.nodeType === 3; }).eq(1).remove(); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'custom_script');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,
MikeSeptember 29, 2022 at 12:13 am in reply to: Magnifying Glass icon in Search form in a custom 404 page & Search Results page #1366816Hi,
I checked again and the icon is now showing, so I seems you have it sorted out now, shall we close this then?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 DigitalEssence,
Thanks for your question, yes you would use a negative top margin to achieve this.
For example our Enfold Medical demo:

puts the three 1/3 columns in a color section:

The first column will control the margin for all of the columns in the row with the Row Settings tab.
We use the equal height option so they are all the same:

then with the Row Margins option we check Custom Margins and set a negative top margin.

now the three blue 1/3 columns are over the slider.Best regards,
MikeHey denyso1,
Thanks for your question, your version was released when Envato, (Theme Forest) used the API, they changed that to the Token, it’s not the same, so you will need to manually update and the update will use the same settings.
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,
MikeSeptember 28, 2022 at 8:06 pm in reply to: ALB for any post type (LearnDash). Spacebar doesn't work #1366790Hi,
Thanks for the feedback and glad that this helped you also, if you have any further tips or 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,
Try changing to this css:#top:not(.home) #header_main { background: #F8F6F2; border-top: solid 2px #ebe8e2; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the feedback, try adding:#top #main div .avia-gallery img { border-style: none; }Best regards,
MikeSeptember 28, 2022 at 7:44 pm in reply to: In footer, the 4th column is dropping under the 3rd column #1366780Hi,
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,
Thanks for the feedback, unfortunately the host OVH has the set_time_limit() function disabled on their servers this function is used by WordPress so the import doesn’t time out, this is different than the current PHP run time limit.
OVH also sets the Max input time as -1 this should be 180, in the past they have told customers that they will not change this, there is nothing we can do to correct that since it is the server settings causing the issue.
One user was able to import a demo by manually uploaded demo files with FTP client, this is the thread.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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,
Mike -
AuthorPosts

