WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need help editing style.css (4 posts)

  1. JG99
    Member
    Posted 4 years ago #

    Hello -

    I am trying to modify my theme's header. I want to remove the listing of pages from the header section and have them appear only on the right margin of my blog. I have been in touch with the developer of my theme, and he has instructed me to do the following:

    hide it with CSS in your Child Theme -- #access {display:none;}

    or remove it completely:

    // Remove default Thematic actions
    function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    }
    add_action('init','remove_thematic_actions');

    I would prefer to insert the above code directly into my blog. Below are the two areas (functions.php and style.css). Where do I insert the code mentioned above?

    --------------------------------------------
    FUNCTIONS.PHP

    <?php

    //
    // Custom Child Theme Functions
    //

    // I've included a "commented out" sample function below that'll add a home link to your menu
    // More ideas can be found on "A Guide To Customizing The Thematic Theme Framework"
    // http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

    // Adds a home link to your menu
    // http://codex.wordpress.org/Template_Tags/wp_page_menu
    //function childtheme_menu_args($args) {
    // $args = array(
    // 'show_home' => 'Home',
    // 'sort_column' => 'menu_order',
    // 'menu_class' => 'menu',
    // 'echo' => true
    // );
    // return $args;
    //}
    //add_filter('wp_page_menu_args','childtheme_menu_args');

    ?>

    --------------------------------------------------

    STYLE.CSS

    /*
    THEME NAME: Thematic
    THEME URI: http://themeshaper.com/thematic/
    DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, & a whole lot more. Perfect for any blog and the starting point for theme development.
    VERSION: 0.9.5.1
    AUTHOR: Ian Stewart
    AUTHOR URI: http://themeshaper.com/
    TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
    .
    The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
    This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
    http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
    .
    */

    /* Reset browser defaults */
    @import url('library/styles/reset.css');

    /* Apply basic typography styles */
    @import url('library/styles/typography.css');

    /* Apply a basic layout */
    @import url('library/layouts/2c-r-fixed.css');

    /* Apply basic image styles */
    @import url('library/styles/images.css');

    /* Apply default theme styles and colors */
    @import url('library/styles/default.css');

    /* Prepare theme for plugins */
    @import url('library/styles/plugins.css');

    /* --------------------------------------------------------------

    Default styles for Images

    I've duplicated these styles here from images.css in
    order to get Thematic through the auto-checker at the
    official WordPress Themes directory.

    When the directory can hunt though css files linked
    through @import the styles below will no longer be
    neccesary and will be removed.

    Cheers. --Ian Stewart

    -------------------------------------------------------------- */

    .entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
    }
    .alignleft,
    img.alignleft {
    float: left;
    margin-right:20px;
    }
    .alignright,
    img.alignright {
    display: block;
    float: right;
    margin-left:20px;
    }
    .aligncenter,
    img.aligncenter {
    margin-left:auto;
    margin-right:auto;
    display: block;
    clear: both;
    }
    .wp-caption {
    text-align: center;
    margin-bottom:18px;
    }
    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }
    .wp-caption p.wp-caption-text {
    margin: 0;
    padding:5px;
    }
    .gallery img {
    margin:0;
    }
    .wp-smiley { /* Prevent the smileys from breaking line-height */
    max-height:12px;
    margin:0 !important;
    }

  2. vtxyzzy
    Member
    Posted 4 years ago #

    Add the #access {display:none;} line to the end of style.css.

  3. JG99
    Member
    Posted 4 years ago #

    Like this? After this line of code?
    -----------------------------------------

    }
    .wp-smiley { /* Prevent the smileys from breaking line-height */
    max-height:12px;
    margin:0 !important;
    }
    {display:none;}

  4. JG99
    Member
    Posted 4 years ago #

    I solved this as follows:

    Delete

    // Create #access
    // In the header div
    function thematic_access() { ?>
    <div id="access">
    <div class="skip-link">"><?php _e('Skip to content', 'thematic'); ?></div>
    <?php wp_page_menu('sort_column=menu_order') ?>
    </div><!-- #access -->
    <?php }
    add_action('thematic_header','thematic_access',9);

    from header-extensions.php.

    header-extensions.php. is found via cPanel, not through the blog dashboard!

Topic Closed

This topic has been closed to new replies.

About this Topic