Customizing error404 page

Hi m!

Please try the following in Quick CSS under Enfold–>General Styling:

. error404 .content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

Regards,
Rikard

Hi!

There is an extra space before the class, please remove it so it should look as following

.error404 .content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

Regards,
Yigit

Hey!

Sorry, my bad with the first code. Please try this as well:

.error404 .err.tab_counter_0, .error404 .err.tab_counter_2 {
display:none !important;
}

.error404 .widget {
padding: 0px 0 0px 0 !important;
}

Cheers!
Rikard

Hey!

Please place this code in the function.php file to remove the other tabs: http://pastebin.com/aYVSuTZ2

Add this in the Quick CSS field:

.widget_tab_popular, .widget_tab_comments {
  display: none !important;
}

Regards,
Ismael

Hi!

You need to modify the includes > error404.php file in order to do that. Separate the section by enclosing them inside a column. By section, I mean this line of codes:

<p class='entry-content'><strong><?php _e('Nothing Found', 'avia_framework'); ?></strong><br/>

<?php _e('Sorry, the post you are looking for is not available. Maybe you want to perform a search?', 'avia_framework'); ?>
</p>
<?php

		if(isset($_GET['post_type']) && $_GET['post_type'] == 'product' && function_exists('get_product_search_form'))
		{
			get_product_search_form();
		}
		else
		{
			get_search_form();
		}

?>

<div class='hr_invisible'></div>

And this one:

<section class="404_recommendation">
    <p><?php _e('For best search results, mind the following suggestions:', 'avia_framework'); ?></p>
    <ul class='borderlist-not'>
        <li><?php _e('Always double check your spelling.', 'avia_framework'); ?></li>
        <li><?php _e('Try similar keywords, for example: tablet instead of laptop.', 'avia_framework'); ?></li>
        <li><?php _e('Try using more than one keyword.', 'avia_framework'); ?></li>
    </ul>

    <div class='hr_invisible'></div>

    <h3 class=''><?php _e('Feel like browsing some posts instead?', 'avia_framework'); ?></h3>

    <?php
    the_widget('avia_combo_widget', 'error404widget', array('widget_id'=>'404',
            'before_widget' => '<div class="widget avia_combo_widget">',
            'after_widget' => '</div>',
            'before_title' => '<h3 class="widgettitle">',
            'after_title' => '</h3>'
        ));
        
    do_action('ava_after_content', '', 'error404');
    ?>
</section>

Best regards,
Ismael

Hi!

Are you sure? Please check it carefully. If it’s not there, you’re either using an old version of the theme or you’re looking in the wrong file. You can replace the code with this: http://pastebin.com/davKbdDk

Regards,
Ismael

Hi!

It’s actually the same. The first column should end after this code:

<div class='hr_invisible'>

And the second half should start before this code:

<section class="404_recommendation">

Please get the code from pastebin that we provided above: http://pastebin.com/davKbdDk

Look for the flex column container. I think you will understand the code from that.

Regards,
Ismael

Hi,

You can have a look at this video in the documentation: http://kriesi.at/documentation/enfold/portfolio-item/create-a-child-theme/

Best regards,
Rikard