Forum Replies Created
-
AuthorPosts
-
Hey Neeraj,
Thanks for your question and the link to your site, I see that you are using version 4.5.2 without a child theme and I assume that your developer didn’t customize any of the core theme files. So I would expect that you can manually update with the steps below without any issues and then add the new token for future in theme updates, but unfortunately the new token in your current theme will not update the theme because Envato (Theme Forest) made a change a while back. Nonetheless the update steps are easy.
As a general good practice I would recommend creating a backup using your webhost backup tools and not a backup plugin, unless you have a lot of specific experience with a specific backup plugin.
To update your 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,
I believe Guenni007 is correct, I see this error because your site is not using SSL: ERR_NAME_NOT_RESOLVED
Please set up your site SSL certificate, if you are note able to try asking your webhost for help doing so.Best regards,
MikeHi,
Thanks for the feedback, please follow though with creating a Github Feature Request for the Dev Team to review and reply so that you can follow along, this is more complex than we can address here in the support forum.
Thank you for your understanding and patience and for using Enfold.Best regards,
MikeHey Jan,
Thank you for opening the feature request, the Dev Team will review your recommendations/suggestions and reply there, Thank you for your patience.Best regards,
MikeHi,
Glad Juergen 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, I was not able to find a solution with the built-in theme options, but I was able to come up with a shortcode that will do as you asked, since your page is black I styled it accordingly and this is the expected results:
Since you are not using a child theme I recommend using the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
then add the below code and save.function garden_progress_bars_shortcode($atts) { $atts = shortcode_atts( array( 'pre_cultivation_start' => '', 'pre_cultivation_end' => '', 'planting_start' => '', 'planting_end' => '', 'harvest_start' => '', 'harvest_end' => '', 'pre_cultivation_color' => '', 'planting_color' => '', 'harvest_color' => '', 'pre_cultivation_label' => '', 'planting_label' => '', 'harvest_label' => '', ), $atts, 'garden_progress_bars' ); $output = ' <style> .garden-progress-bars { font-family: Arial, sans-serif; max-width: 960px; margin: 0 auto; } .progress-header, .progress-header div:not(.header-offset) { display: inline-flex; width: 100%; justify-content: space-evenly; } .progress-header div:not(.header-offset) { border-left: 1px solid #eee; } .month { width: calc((100% - 160px)/12); text-align: center; } .progress-row { display: flex; align-items: center; margin-bottom: 10px; } .label-container { width: 150px; text-align: right; padding-right: 10px; } .progress-container { display: flex; width: calc(100% - 160px); align-items: center; } .progress-bar-container { flex-grow: 1; background-color: #000; height: 20px; position: relative; } .progress-bar { height: 100%; position: absolute; } .progress-header .header-offset { width: 150px; display: inline-flex; flex-shrink: 0; } </style> <div class="garden-progress-bars"> <div class="progress-header"> <div class="header-offset"></div>'; $months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; foreach ($months as $month) { $output .= "<div class='month'>$month</div>"; } $output .= '</div>'; $create_progress_bar_row = function($label, $color, $start, $end) use ($months) { $start_month_index = array_search($start, $months); $end_month_index = array_search($end, $months); $width = (($end_month_index - $start_month_index + 1) / 12) * 100; $left = ($start_month_index / 12) * 100; return " <div class='progress-row'> <div class='label-container'>$label</div> <div class='progress-container'> <div class='progress-bar-container'> <div class='progress-bar' style='background-color: $color; width: $width%; left: $left%;'></div> </div> </div> </div>"; }; $output .= $create_progress_bar_row($atts['pre_cultivation_label'], $atts['pre_cultivation_color'], $atts['pre_cultivation_start'], $atts['pre_cultivation_end']); $output .= $create_progress_bar_row($atts['planting_label'], $atts['planting_color'], $atts['planting_start'], $atts['planting_end']); $output .= $create_progress_bar_row($atts['harvest_label'], $atts['harvest_color'], $atts['harvest_start'], $atts['harvest_end']); $output .= '</div>'; return $output; } add_shortcode('garden_progress_bars', 'garden_progress_bars_shortcode');
and then on your page add this shortcode in a code block element to show the growing bars:
[garden_progress_bars pre_cultivation_start="Feb" pre_cultivation_end="Apr" pre_cultivation_color="#FF5733" pre_cultivation_label="Pre-cultivation" planting_start="Apr" planting_end="Jun" planting_color="#5EBA7D" planting_label="Planting" harvest_start="Jun" harvest_end="Sep" harvest_color="#FFC300" harvest_label="Harvest"]
This shortcode creates three bars, and for each bar you can change the label text and color of bar and the start & end month.
First try this shortcode as is to see the working solution as in the screenshot above, then you can try adjusting the attributes to suit.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeMarch 1, 2024 at 5:37 pm in reply to: video background in layerslider won’t open/autoplay on safari ios #1436001Hi,
I assume that you are referring to the girl in white on the steps, when I check I don’t see a play button and the video is playing, but I only have a Android and you said the issue is only on iPhone, correct? check the LayerSlider settings again to ensure both setting were saved correctly. Your video is very short, so you may want to try changing it into a gif for mobile devices, I believe that gif are not blocked by ios on mobile.Best regards,
MikeHi,
Good point Guenni007, I had assumed the second rule was not apart of the media query, but now I think you are correct and the blue one should be removed.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 29, 2024 at 6:17 pm in reply to: Masonry: AND rule for category selection returns no results #1435913Hi,
Thank you for your patience, I believe that a hashtag in the category name could cause issues, since you say that removing the hashtag doesn’t solve but new categories without the hashtags work correctly, I recommend creating new categories and add them to your posts.Best regards,
MikeHey leoniedijkhof123,
Thanks for your patience, but your site seems to be down, please check.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 1440px){ .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { width: 100%; display: block; } #main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap { width: 95%; } }
This should make the sections have 100% width up to 1440px and make the text bubble a better width.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHi,
Thanks for the link to your site, but when I check the fly out menu seem to work correctly, please see the screenshot in the Private Content area.Best regards,
MikeHi,
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,
Try checking your css with this tool ▸ http://csslint.net/
in your css above I see an extra bracket that will mess up your stylesheet
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 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,
Glad Rikard 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,
MikeFebruary 28, 2024 at 7:10 pm in reply to: Tables in mobile view don’t perform – (don’t give to Ismael) #1435795Hi,
Thank you for your patience, I have looked at your table for mobile but is seems to match your above rules, please see the screenshot in the Private Content area of of what I see.
Nonetheless I might be able to offer an explanation, some classes are added to elements automatically and will change whenever the element or page is modified, these classes look like this: av-hriqo-df64f73a2229a5a484cc56fae9caca2e, so when I search your page for this class it is not found now so I assume that the page has been updated and that is why you saw the change. A possible solution could be to remove these from your css rules, if this doesn’t help the let us know.Best regards,
MikeFebruary 28, 2024 at 6:21 pm in reply to: Mega Menu with Images – Not Fullwidth & Leaving Empty Space #1435783Hi,
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,
MikeFebruary 28, 2024 at 6:20 pm in reply to: Button Element – Can you make a button play an audio file upon click? #1435782Hi,
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,
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,
I don’t see a change in the cell width, here is the starting blog page:
and one of the post pages:
I also don’t see a “jump” while the embed page is loading, however on the page load I see that your grid row height changes a lot, I recommend setting the height of the grid row to 100% of the page instead of the content height that you have it set to now.Best regards,
MikeFebruary 27, 2024 at 6:11 pm in reply to: Full Width Easy Slider – remove buttons for mobile #1435626Hi,
Thanks for the feedback, and glad to hear that the size of the red boxes was not due to a testing error, we will leave this open while you test your new element, if it solves or if you want more help just let us know. If you do want more help perhaps a mockup image of what you would like to see on mobile would help.Best regards,
MikeHi,
Glad that this helps, I’m not sure what you mean by fixing the right cell width, you are using a grid row with two cells at 50%, if you want a different cell size try the grid row Set Cell Size button below the element:
Perhaps you mean that you only have two items showing but the items are each set to 1/3 of the space, to make them each 1/2 try changing the number of columns the blog element:
If this doesn’t help try explaining further.
As for using the built-in blog post navigation, you will not see these prev/next elements in the embed area because we are not embeding the whole page, only the inner “content” area,
but you could add this solution to add new blog post navigation buttons to the content area of your posts, and in my test on my demo page clicking them changes the embed post successfully:
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, 2024 at 12:01 pm in reply to: video background in layerslider won’t open/autoplay on safari ios #1435581Hi,
In case I have misunderstood what you meant, you can try the steps in this post, perhaps this will help.Best regards,
Mike -
AuthorPosts