Robert Marshall Robert Marshall - 3 years ago 323
HTML Question

Remove Parallax background on brooklyn theme

I have an Index.php file that I need to use as a custom page that I would like to have use some of the themes styles and elements Navigation, Footer, Contact Form, ETC.... The default header seems to be calling the body and its very difficult to find the parts of the header. I have been making a considerable amount of changes so the file in drive should be kept updated until I get this resolved.

Currently I have the page/code working thanks to @David and the advice given in this question:

run php application within wordpress

(links and files removed for privacy, and search engine listings removal)

Answer Source

there was a few files missing so I cant test this template itself.

But it is simply a case of replacing php code that calls for a variable with actual output (from view source) to create the template you want.

Go back to using the default index.php (remove the header/footer calls). Create a new template with the code below and link to it (using the rewrite code from the previous Q you linked above)

There is quite a bit of code in the header.php that calls variables set from the db but hopefully the below code will remove the parallex classes, if not copy the header file and call it header-custom.php. You can replace get_header('custom') to call this header instead. Anywhere you see a php tag inside a html element tag, replace with the actual output you can see in view source.

    <?php
    /**
     * The template for displaying 404 pages (Not Found).
     *
     * @package unitedthemes
     */

    get_header(); 

    ?>

        <div class="grid-container">

            <div id="primary" class="grid-parent grid-100 tablet-grid-100 mobile-grid-100">

                <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">

                <header class="page-header fullwidth ut-header-light">
                    <h1 class="page-title"><span><?php _e('RepairStatus'); ?></span></h1>  
                </header>

               <?php require_once get_stylesheet_directory().'/repairstatus/index.php'?>

                </div><!-- .page-header --> 

            </div><!-- .grid-100 mobile-grid-100 tablet-grid-100 -->

        </div><!-- .grid-container -->

    <?php get_footer(); ?>

header-custom.php contents (call using get_header('custom'); )

<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <?php ut_meta_hook(); //action hook, see inc/ut-theme-hooks.php ?>


    <?php if ( defined('WPSEO_VERSION') ) : ?>

        <!-- Title -->
        <title><?php wp_title(); ?></title>

    <?php else : ?>

        <?php ut_meta_theme_hook(); ?>

    <?php endif; ?>

    <!-- RSS & Pingbacks -->
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <link rel="profile" href="http://gmpg.org/xfn/11">

    <!-- Favicon -->
    <?php if( ot_get_option( 'ut_favicon' ) ) : ?>

        <?php 

        /* get icon info */
        $favicon = ot_get_option( 'ut_favicon' );
        $favicon_info = pathinfo( $favicon ); 
        $type = NULL;

        if( isset($favicon_info['extension']) && $favicon_info['extension'] == 'png' ) {
            $type = 'type="image/png"';
        }

         if( isset($favicon_info['extension']) && $favicon_info['extension'] == 'ico' ) {
            $type = 'type="image/x-icon"';
        }

         if( isset($favicon_info['extension']) && $favicon_info['extension'] == 'gif' ) {
            $type = 'type="image/gif"';
        }

        ?>

        <link rel="shortcut&#x20;icon" href="<?php echo $favicon; ?>" <?php echo $type; ?> />
        <link rel="icon" href="<?php echo $favicon; ?>" <?php echo $type; ?> />

    <?php endif; ?>

    <!-- Apple Touch Icons -->    
    <?php if( ot_get_option( 'ut_apple_touch_icon_iphone' ) ) :?>
    <link rel="apple-touch-icon" href="<?php echo ot_get_option( 'ut_apple_touch_icon_iphone' ); ?>">
    <?php endif; ?>

    <?php if( ot_get_option( 'ut_apple_touch_icon_ipad' ) ) : ?>
    <link rel="apple-touch-icon" sizes="72x72" href="<?php echo ot_get_option( 'ut_apple_touch_icon_ipad' ); ?>" />
    <?php endif; ?>

    <?php if( ot_get_option( 'ut_apple_touch_icon_iphone_retina' ) ) : ?>
    <link rel="apple-touch-icon" sizes="114x114" href="<?php echo ot_get_option( 'ut_apple_touch_icon_iphone_retina' ); ?>" />
    <?php endif; ?>

    <?php if( ot_get_option( 'ut_apple_touch_icon_ipad_retina' ) ) :?>
    <link rel="apple-touch-icon" sizes="144x144" href="<?php echo ot_get_option( 'ut_apple_touch_icon_ipad_retina' ); ?>" />
    <?php endif; ?>

    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

    <?php wp_head(); ?>

</head>

<?php 

/*
|--------------------------------------------------------------------------
| Needed Settings
|--------------------------------------------------------------------------
*/

$scrollto       = ot_get_option('ut_scrollto_effect');
$scrollto       = !empty( $scrollto['easing'] ) ? $scrollto['easing'] : 'linear' ;
$scrollspeed    = ot_get_option('ut_scrollto_speed'  , '650'); 

$ut_site_border_body_class = ot_get_option( 'ut_site_border', 'hide' ) == 'show' ? 'ut-site-border' : '';
$ut_site_top_header_body_class = ot_get_option( 'ut_top_header', 'hide' ) == 'show' ? 'ut-has-top-header' : '';
$ut_site_border_header_class = ot_get_option( 'ut_site_border', 'hide' ) == 'show' ? 'bordered-navigation' : '';
$ut_top_header_class = ot_get_option( 'ut_top_header' , 'hide' ) == 'show' ? 'bordered-top' : '';

?>

<body id="ut-sitebody" class="error404 " data-scrolleffect="easeInOutExpo" data-scrollspeed="1300">


<a class="ut-offset-anchor" id="top" style="top:0px !important;"></a>

<?php 

/*
|--------------------------------------------------------------------------
| Pre Loader Overlay
|--------------------------------------------------------------------------
*/

if( ot_get_option('ut_use_image_loader') == 'on' ) : 

    if( ut_dynamic_conditional('ut_use_image_loader_on') ) : ?>

    <div class="ut-loader-overlay"></div>

    <?php endif; ?>

<?php endif; ?>


<?php ut_before_header_hook(); // action hook, see inc/ut-theme-hooks.php ?> 


<?php

/*
|--------------------------------------------------------------------------
| Navigation Setting
|--------------------------------------------------------------------------
*/

/* skin */
$ut_navigation_skin = ot_get_option('ut_navigation_skin' , 'ut-header-light');

/* visibility */
$headerstate = NULL;

if( is_home() || is_front_page() || is_singular('portfolio') || get_post_meta( get_the_ID() , 'ut_activate_page_hero' , true ) == 'on' ) {

    if( ot_get_option('ut_navigation_state' , 'off') == 'off' ) {
        $headerstate = 'ha-header-hide';
    }

}

/* width */
$navigation_width = ot_get_option('ut_navigation_width' , 'centered');
$logo_push = ( $navigation_width == 'fullwidth' ) ? 'push-5' : '';
$navigation_pull = ( $navigation_width == 'fullwidth' ) ? 'pull-5' : '';

/* main navigation settings*/
$mainmenu = array('echo'             => false,
                  'container'        => 'nav',
                  'container_id'     => 'navigation',
                  'fallback_cb'      => 'ut_default_menu',
                  'container_class'  => 'grid-80 hide-on-tablet hide-on-mobile ' . $navigation_pull ,
                  'items_wrap'       => '<ul id="%1$s" class="%2$s">%3$s</ul>',
                  'theme_location'   => 'primary', 
                  'walker'           => new ut_menu_walker()
);

/* mobile navigation settings */                         
$mobilemenu = array('echo'              => false,
                    'container'         => 'nav',
                    'container_id'      => 'ut-mobile-nav',
                    'menu_id'           => 'ut-mobile-menu',
                    'menu_class'        => 'ut-mobile-menu',
                    'fallback_cb'       => 'ut_default_menu',
                    'container_class'   => 'ut-mobile-menu mobile-grid-100 tablet-grid-100 hide-on-desktop',
                    'items_wrap'        => '<div class="ut-scroll-pane"><ul id="%1$s" class="%2$s">%3$s</ul></div>',
                    'theme_location'    => 'primary', 
                    'walker'            => new ut_menu_walker()
);














/* check if current page has an option tp show a hero */
//$ut_activate_page_hero = get_post_meta( get_the_ID() , 'ut_activate_page_hero' , true );                      
$ut_activate_page_hero= false // --------------------------------------------------------------------------------------------------------------------------------------------------not sure what this returns....           

?>

<!-- commented out ----------------------------------------------------->
<?php // get_template_part( 'partials/top', 'header' ); ?> 










<!-- header section -->
<header id="header-section" class="ha-header fullwidth ut-header-light ">

    <?php if( $navigation_width == 'centered' ) :?>

    <div class="grid-container">

    <?php endif; ?> 

        <div class="ha-header-perspective">
            <div class="ha-header-front">

                <div class="grid-20 tablet-grid-50 mobile-grid-50 <?php echo $logo_push; ?>">

                    <?php if ( get_theme_mod( 'ut_site_logo' ) ) : ?>

                        <?php 

                        $sitelogo = !is_front_page() && !is_home() && ( $ut_activate_page_hero == 'off' || empty($ut_activate_page_hero) ) ? get_theme_mod( 'ut_site_logo_alt' ) : get_theme_mod( 'ut_site_logo' );                        

                        $alternate_logo = get_theme_mod( 'ut_site_logo_alt' ) ? get_theme_mod( 'ut_site_logo_alt' ) : get_theme_mod( 'ut_site_logo' ) ;?>

                        <div class="site-logo">
                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img data-altlogo="<?php echo $alternate_logo; ?>" src="<?php echo $sitelogo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a>
                        </div>

                    <?php else : ?>

                        <div class="site-logo">
                            <h1 class="logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                        </div>

                    <?php endif; ?>                 

                </div>    

                <?php

                /* main and mobile menu cache */
                if( ot_get_option('ut_use_cache' , 'off') == 'on' ) {

                    $language_prefix =  defined('ICL_LANGUAGE_CODE') ? '_' . ICL_LANGUAGE_CODE : '';

                    $main_menu      = get_transient('ut_main_menu' . get_the_ID() . $language_prefix );
                    $mobile_menu    = get_transient('ut_mobile_menu' . get_the_ID() . $language_prefix  );
                    $cacheTime      = ot_get_option('ut_cache_ltime' , '10');

                    if ($main_menu === false) {

                        $main_menu = wp_nav_menu( $mainmenu );                        
                        set_transient('ut_main_menu' . get_the_ID() . $language_prefix , $main_menu, 60*$cacheTime);

                    } 

                    if ($mobile_menu === false) {

                        $mobile_menu = wp_nav_menu( $mobilemenu );
                        set_transient('ut_mobile_menu' . get_the_ID() . $language_prefix  , $mobile_menu, 60*$cacheTime);

                    } 


                } else {

                    $main_menu   = wp_nav_menu( $mainmenu );
                    $mobile_menu = wp_nav_menu( $mobilemenu );

                } ?>                

                <?php if ( has_nav_menu( 'primary' ) ) : ?>

                    <?php echo $main_menu; ?>

                    <div class="ut-mm-trigger tablet-grid-50 mobile-grid-50 hide-on-desktop">
                        <button class="ut-mm-button"></button>
                    </div>

                    <?php echo $mobile_menu; ?>

                <?php endif; ?>

                </div>
            </div><!-- close .ha-header-perspective -->

    <?php if( $navigation_width == 'centered') :?>        

    </div> 

    <?php endif; ?>

</header><!-- close header -->

<div class="clear"></div>




<!-- Commented this out too --------------------->

<?php// get_template_part( 'template-part', 'hero' ); ?>       








<!-- just in case commented this out-->
<?php // ut_before_content_hook(); // action hook, see inc/ut-theme-hooks.php ?>

<div id="main-content" class="wrap ha-waypoint" data-animate-up="ha-header-hide" data-animate-down="ha-header-small">

    <a class="ut-offset-anchor" id="to-main-content"></a>

        <div class="main-content-background">
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download