OK thank you Nikko.

I have the code fom the 404-2 page:

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='scroll' bottom_border_style='scroll' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']

[av_image src='http://www.lowcarbx.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/images/placeholder.jpg' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]

[av_textblock size='' font_color='' color='' custom_class='' admin_preview_bg='']
<p style="text-align: center;">ERROR 404</p>
[/av_textblock]

[/av_section]

the code of my 404.PHP is this at them moment:

<?php
    if ( !defined('ABSPATH') ){ die(); }
   
    global $avia_config;
 
    /*
     * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
     */
     get_header();
 
 
     echo avia_title(array('title' => __('Error 404 - page not found', 'avia_framework')));
     
     do_action( 'ava_after_main_title' );
    ?>
 
 
        <div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>
           
            <?php
                do_action('avia_404_extra'); // allows user to hook into 404 page fr extra functionallity. eg: send mail that page is missing, output additional information
            ?>
           
            <div class='container'>
 
                <main class='template-page content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content'));?>>
 
 
                    <div class="entry entry-content-wrapper clearfix" id='search-fail'>
                    Image Here
                    </div>
 
                <!--end content-->
                </main>
 
            </div><!--end container-->
 
        </div><!-- close default .container_wrap element -->
 
 
 
 
<?php get_footer(); ?>

where should i place the avia code from the 404-2 page inside the 404.php ? Thanks for you help. and after placing the code, i can delete the 404-2 page? is this right? i only need the code not the page?

Thank you, Alex

Hi Yigit!

Thank you so much for helping me with all my topics, I really appreciate this!

The codes you gave me work fine but can you help me to display the Post title on the top of the image? On hover format?

And is it possible to change the arrows colors? I would like to take off this gray square and make the small arrow bigger and purple. So it would match my layout with perfection!

Thank you so much one more time!

Yigit,

Excellent! Thank you. I had to add the below to drop it down enough.

top: 165px;

There is still a slight problem. The photo on the desktop site is perfect. The photo on the mobile site crops the right and left side of the photo and I cannot see the team members on either side.

Why does that happen?

Thanks,

Jas

Hey Yigit, You can close this topic.

Thank you so much for making the effort. I will do as you suggest.

Thank you,

Jas

Hi Victoria,

This is a tough one. I removed the existing CSS I added and listed above. Then added what you suggested and added !important. Doesn’t change anything. Is this correct?

I cleared my cache from the web host. Let me know what it looks like on your mobile device.

I added this to Quick CSS. Is there a reason I need to add it to the child theme style.css? I see you mentioned that.

@media only screen and (max-width: 450px) {
  #team-color-section .av-parallax-inner.main_color.avia-full-stretch {
    background-position: top left !important;
}
} /*team photo position*/

One more thing about this, I already removed the date in the search box of the top menu, but clicking on “Show all the results” opens a page where the date appears under each title found.
This date also I want to remove and center the title with the icon.
Thank you for your help.