Hi,

Alright! Please feel free to open another thread if you encounter more issues in the future. We’ll close the thread for now.

Have a nice day.

Best regards,
Ismael

Hey khrntanya,

Thank you for the inquiry.

It’s the same issue as you have here: https://kriesi.at/support/topic/several-ninjaforms-in-grid-being-cut-off-by-footer/

The following css limits the height of the Grid Row cells:

.responsive #top #wrap_all .av-flex-cells .avia-builder-el-last.no_margin {
    height: 500px !important;
}

Please remove the css code or adjust it appropriately.

Best regards,
Ismael

Hey jenzai,

Thank you for the inquiry.

We noticed several script errors in the console when we edit one of the pages. Did you install any plugins recently? To troubleshoot this issue, please follow these steps:

1. Temporarily deactivate all plugins.
2. Reload the page and check if the script errors persist.
3. If the errors disappear, reactivate the plugins one at a time.
4. After activating each plugin, reload the page and observe if the script errors reoccur.
5. By activating plugins individually, you can isolate the plugin causing the issue.

This process will help identify the specific plugin responsible for the script errors.

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

Please note that the theme does not compress the images. Compression is a default feature of WordPress, which defaults to 90% image quality (only for jpeg images), but the theme increase this to 100%. If you want to adjust it manually, you can add these filters in the functions.php file:

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) { $quality = 55; return $quality;}

Did you install any image compression plugin?

Best regards,
Ismael

Hey imagestudios,

Thank you for the inquiry.

The color of the menu items, both for the default and mobile menu, can be adjusted in the Enfold > General Styling > Logo Area tab. Adjust the color values in the Logo Area Font Color and the Logo Area Secondary Font Color field. You can also go to the Enfold > Advanced Styling panel and adjust the style of Main Menu (icon) > Menu Links in overlay/slide out element.

Best regards,
Ismael

Hey Andrea,

Thank you for the inquiry.

The cells of the table do not respond or resize correctly on mobile view due to the height adjustment in the following css code:

.pricing-table>li {
    border-color: var(--base1-color)!important;
    font-size: 18px!important;
    font-weight: bold!important;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    margin: 0 auto;
}

Please adjust the height property from 100px to auto and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hi,

@jmjwebsites: You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adjusting the settings, and make sure to purge the cache. Please open a new thread here: https://kriesi.at/support/forum/enfold/#new-post

Best regards,
Ismael

Hi,

Thank you for the update.

The error is generated from the avia_backend_create_file function within the enfold/framework/php/function-set-avia-backend.php. The function is triggered when the theme has to generate the minified and compressed files. Is the issue occurring when the Enfold > Performance > File Compression settings are disabled?

To temporarily fix the issue, please look for the avia_backend_create_file function and replace it with:

function avia_backend_create_file( $file, $content = '', $verifycontent = true )
{
    $handle = @fopen( $file, 'w' );
    if( $handle )
    {
        $created = fwrite( $handle, $content );
        fclose( $handle );

        if( $verifycontent === true )
        {
            $handle = fopen( $file, 'r' );
            $fileSize = filesize( $file );

            if ($fileSize > 0) {
                $filecontent = fread( $handle, $fileSize );
                $created = ( $filecontent == $content ) ? true : false;
            } else {
                $created = false; 
            }

            fclose( $handle );
        }
    }
    else
    {
        $created  = false;
    }

    return $created;
}

Best regards,
Ismael

Hi,

Great! Glad to know that you’ve found a working solution. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Monika,

Thank you for the inquiry.

You can create a custom shortcode for the social icons and then place this shortcode in a text widget. Please refer to this thread for more info.: https://kriesi.at/support/topic/social-media-icons-in-footer-8/#post-1397164

Best regards,
Ismael

Hi,

Thank you for the update.

This is the default behavior of the category filter. Once a category is selected, it will automatically redirect to the archive page of the selected term or category. Please note that the product category filter is a default WooCommerce filter and is not part of the theme.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you create a widget area named Header in the Appearance > Widgets panel? If not, please create one, add the widgets you’d like to display in the header, and then replace the modification in the functions.php file with the following code:

function ava_function_after_main_container() {

	dynamic_sidebar('Header');

}
add_action('ava_after_main_container', 'ava_function_after_main_container');

For more info, please review the instructions in the following documentation: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Ismael

Hi,

Thank you for the update.

To remove the date on a grid layout added using the Blog Posts element, please add the following css code:

.responsive #top.slide-meta time, .responsive #top.slide-meta time  + .slide-meta-del {
    display: none;
}

This should hide the date in the grid layout while retaining the date within the individual posts.

Best regards,
Ismael

Hi,

Thank you for the update.

If you want to target the link in the list with the dark background, please try this css code:

.single-post li a:hover {
    color: red;
}

To target the ol element specifically, you can add a unique class name to it.

Example:

<ol class="av-ol-list-with-links">.. li list here</ol>

You can then use this css code;

.single-post .av-ol-list-with-links li a:hover {
    color: red;
}

Best regards,
Ismael

Hi,

Great! Glad to know that the suggestion worked. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael