Hi,

What do you mean by “transition words”? Please provide a screenshot using platforms like Savvyify, Imgur or Dropbox. Are you using the Content Analysis feature?

// https://yoast.com/research/real-time-content-analysis/

Has Rank Math been verified to work properly with Enfold,

While the AI feature of the RankMath plugin is not compatible with the Advance Layout Builder (ALB), the plugin’s analysis tool should still function properly with the builder. It should be able to check or verify that the focus keywords are included in the content created using the builder.

Best regards,
Ismael

Hi,
On the search results page that I checked the font is 13px:

If your search results page is different please link directly to it.
If you are using Relevanssi see their documentation for changing the search results.

Best regards,
Mike

Hey rosarot,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.search-results .template-search article.blog-grid {
	width: 32%;
	float: left;
	clear: right;
}

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,
Mike

Hey LoPld,
For your first question, I believe what you want is to have the burger menu show until 1240px, if this is correct then your css is wrong. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 768px) and (max-width: 1240px){
.responsive #top .av-main-nav .menu-item-avia-special {
    display: block!important;
}
#top #header .av-main-nav > li.menu-item  {
  display: none!important;
}
.responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
}
#top #header .av-main-nav > li#menu-item-search.menu-item  {
  display: block!important;
}
.av-main-nav-wrap {
    float: right;
}
}
@media only screen and (min-width: 990px) and (max-width: 1240px){
#top #header .av-main-nav > li#menu-item-search.menu-item  {
  display: block!important;
  line-height: 118px;
}
#top #header .av-main-nav > li#menu-item-search.menu-item a {
    line-height: 118px;
}
.responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a {
    font-size: 24px;
    color: #e8c100;
}
}

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,
Mike

Hi,
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,
Mike

Hey northorie,
To edit the language files you will first need to install Poedit, it is a free software, the look for your language version in enfold/lang/ for German there are two versions de_DE.po & de_DE_formal, choose the one you are using, then search for the text for example “When refusing all cookies this site” it should find it like this:

then when you add your translation and save, you also must “Compile to MO”

so you will have two new files de_DE.po & de_DE.mo then both must be uploaded to your site and replace the current ones.

Best regards,
Mike

Hey Yaphoon,

Thank you for the inquiry.

You can use this css code to adjust the style of the masonry title.

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 20px;
    font-family: Verdana;
}

To adjust the hover color of the menu button, add this.

#top #wrap_all .header_color #menu-item-174:hover > a .avia-menu-text {
    background-color: #3f75e9;
    color: #ffffff;
    border-color: #3f59e9;
}

And to adjust the size of the images in the archive pages, you have to edit the enfold/taxonomy-portfolio_entries.php and adjust the parameters in the avia_post_grid instance around line 38.

$grid = new avia_post_grid(
										array(
											'linking'			=> '',
											'columns'			=> '3',
											'contents'			=> 'title',
											'sort'				=> 'no',
											'paginate'			=> 'yes',
											'set_breadcrumb'	=> false,
											'preview_mode' => 'custom',
											'image_size' => 'full'
										));

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thank you for the update.

Please make sure to remove the add_filter (pre_get_posts) and the include_cpt_search function altogether.

function include_cpt_search( $query ) {
if ( $query->is_search ) {
$query->set( ‘post_type’, array( ‘post’, ‘page’, ‘proyectos_ma’ ) );
}
return $query;
}
add_filter( ‘pre_get_posts’, ‘include_cpt_search’ );

was created to be able to use the Enfold visual layout designer in the new custom post type: projects_ma

The filter avf_alb_supported_post_types should be enough to enable the Advance Layout Builder for the custom post type (projects_ma).

Best regards,
Ismael

Hey Marvin,

Thanks for reaching out to us. Enfold has search functionality, contact form, blog post element, partner logo element, social media element and a gallery element. The rest of your requirements would have to be implemented using plugins or third party code.

Best regards,
Rikard

Hi,
My research point to low server settings for this error.
Try going to WordPress ▸ Tools ▸ Site Health ▸ Info ▸ Server and compare the settings to these:

and if any of these are low:
PHP max input variables
PHP time limit
PHP memory limit
Max input time
Upload max filesize
PHP post max size
ask your webhost to help adjust them, or try the steps in the article linked above.

Best regards,
Mike

Hey Enfoldfanatic,

Thank you for the inquiry.

We made slight adjustments to the css code to make sure that the search icon remains visible alongside the burger menu icon.

/* Activate burger menu */
@media only screen and (max-width: 1224px) {
  #top #header .av-main-nav>li.menu-item {
    display: none !important;
  }

  #top #header .av-burger-menu-main,
  #top #header .menu-item-search-dropdown {
    cursor: pointer;
    display: block !important;
  }
}

Best regards,
Ismael