WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Graphene Theme: how to remove navigation bar & how to customize slider? (3 posts)

  1. The Screenplay Services
    Member
    Posted 1 year ago #

    Website: http://www.thescreenplayservices.com/wordpressnewsite

    Hi, I'm designing a new website using wordpress - Graphene Theme, and I have two questions:

    1) How do I remove the black navigation bar? Please be specific if any changes to php pages as I'm not very good at html (see header.php below).

    2) How do I customize the slider? I don't want it to show pages or posts - I want to customize about 5-8 messages. I've read I can create "Pages" with the messages, but then how do I hide the Pages from showing up under my "SECTIONS" Menu on the left?

    Thank you.

    By the way, here is my current header.php if this helps on question #1:

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id="content-main">
    *
    * @package Graphene
    * @since graphene 1.0
    */
    global $graphene_settings;
    ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title><?php wp_title( '' ); ?></title>
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>

    <?php if ( !get_theme_mod( 'background_image', false) && !get_theme_mod( 'background_color', false) ) : ?>
    <div class="bg-gradient">
    <?php endif; ?>

    <?php do_action( 'graphene_container_before' ); ?>

    <div id="container" class="container_16">

    <?php if ( $graphene_settings['hide_top_bar'] != true) : ?>
    <div id="top-bar">
    <?php do_action( 'graphene_before_feed_icon' ); ?>
    <div id="profiles" class="clearfix gutter-left">
    <?php do_action( 'graphene_social_profiles' ); ?>
    </div>
    <?php
    /**
    * Retrieves our custom search form.
    */
    ?>
    <?php if ( ( $search_box_location = $graphene_settings['search_box_location'] ) && $search_box_location == 'top_bar' || $search_box_location == '' ) : ?>
    <div id="top_search" class="grid_4">
    <?php get_search_form(); ?>
    <?php do_action( 'graphene_top_search' ); ?>
    </div>
    <?php endif; ?>

    <?php do_action( 'graphene_top_bar' ); ?>

    </div>
    <?php endif; ?>

    <?php
    $post_id = ( $post ) ? $post->ID : false;
    $header_img = apply_filters( 'graphene_header_image', graphene_get_header_image( $post_id ) );

    /* Check if the page uses SSL and change HTTP to HTTPS if true */
    if ( is_ssl() && stripos( $header_img, 'https' ) === false ) {
    $header_img = str_replace( 'http', 'https', $header_img );
    }
    ?>
    <div id="header">

    <?php
    $header_img = '<img src="' . $header_img . '" alt="" class="header-img" />';
    if ( ! is_front_page() && $graphene_settings['link_header_img'] ) {
    $header_img_tag = '';
    $header_img_tag .= $header_img;
    $header_img_tag .= '
    ';

    $header_img = $header_img_tag;
    }
    echo $header_img;
    ?>

    <?php /* Header widget area */
    if ( $graphene_settings['enable_header_widget'] && is_active_sidebar( 'header-widget-area' ) ) {
    echo '<div class="header-widget">';
    dynamic_sidebar( 'header-widget-area' );
    echo '</div>';
    }
    ?>

    <?php /* The site title and description */
    if ( ! in_array( get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ), array( 'blank', '' ) ) ) :
    if ( is_singular() && ! is_front_page() ) {
    $title_tag = 'h2';
    $desc_tag = 'h3';
    } else {
    $title_tag = 'h1';
    $desc_tag = 'h2';
    }
    ?>
    <?php echo "<$title_tag class=\"header_title push_1 grid_15\">"; ?>
    <?php if ( ! is_front_page() ) : ?>" title="<?php esc_attr_e( 'Go back to the front page', 'graphene' ); ?>"><?php endif; ?>
    <?php bloginfo( 'name' ); ?>
    <?php if ( ! is_front_page() ) : ?>
    <?php endif; ?>
    <?php echo "</$title_tag>"; ?>

    <?php echo "<$desc_tag class=\"header_desc push_1 grid_15\">"; ?>
    <?php bloginfo( 'description' ); ?>
    <?php echo "</$desc_tag>"; ?>
    <?php endif; ?>

    <?php do_action( 'graphene_header' ); ?>

    </div>
    <div id="nav">
    <?php /* The navigation menu */ ?>
    <div id="header-menu-wrap" class="clearfix">
    <?php
    /* Header menu */
    $args = array(
    'container' => '',
    'menu_id' => 'header-menu',
    'menu_class' => graphene_get_menu_class( 'menu clearfix' ),
    'fallback_cb' => 'graphene_default_menu',
    'depth' => 5,
    'theme_location' => 'Header Menu',
    );
    if ( ! $graphene_settings['disable_menu_desc'] )

    $args = array_merge( $args, array( 'walker' => new Graphene_Description_Walker() ) );

    wp_nav_menu( apply_filters( 'graphene_header_menu_args', $args ) ); ?>

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

    <?php if ( ( $search_box_location = $graphene_settings['search_box_location'] ) && $search_box_location == 'nav_bar' ) : ?>
    <div id="top_search" class="grid_4">
    <?php get_search_form(); ?>
    <?php do_action( 'graphene_nav_search' ); ?>
    </div>
    <?php endif; ?>

    <?php do_action( 'graphene_header_menu' ); ?>

    </div>

    <?php
    /* Secondary menu */
    $args = array(
    'container' => 'div',
    'container_id' => 'secondary-menu-wrap',
    'container_class' => 'clearfix',
    'menu_id' => 'secondary-menu',
    'menu_class' => 'menu clearfix',
    'fallback_cb' => 'none',
    'depth' => 5,
    'theme_location' => 'secondary-menu',
    );
    wp_nav_menu( apply_filters( 'graphene_secondary_menu_args', $args ) );
    ?>

    <div class="menu-bottom-shadow"> </div>

    <?php do_action( 'graphene_top_menu' ); ?>

    </div>

    <?php do_action( 'graphene_before_content' ); ?>

    <div id="content" class="clearfix hfeed">
    <?php do_action( 'graphene_before_content-main' ); ?>

    <?php

    /* Sidebar2 on the left side? */
    if ( in_array( graphene_column_mode(), array( 'three_col_right', 'three_col_center', 'two_col_right' ) ) ){
    get_sidebar( 'two' );
    }

    /* Sidebar1 on the left side? */
    if ( in_array( graphene_column_mode(), array( 'three_col_right' ) ) ){
    get_sidebar();
    }

    ?>

    <div id="content-main" <?php graphene_grid( 'clearfix', 16, 11, 8 ); ?>>
    <?php do_action( 'graphene_top_content' ); ?>

  2. The Screenplay Services
    Member
    Posted 1 year ago #

    Scratch "but then how do I hide the Pages from showing up under my "SECTIONS" Menu on the left?" as I figured out the custom menu option and created one.

    So my main concern now is getting rid of the black navigation bar. How do I do that?

    Once the navigation bar is gone, then my slider problem is fixed as I can create as many slider "pages" as I want and just not add them to the custom menu.

  3. The Screenplay Services
    Member
    Posted 1 year ago #

    Ha, just found it. This removes the navigation bar when added to the Custom CSS Option under Graphene Theme Options/Display:

    #nav {
        display: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic