Hiding static page titles?

  • Resolved Noz03

    (@noz03)


    13 years, 2 months ago

    So I put the code:

    h1
{
display: none;
}

    into my custom css file to stop my site from showing the page titles at the top of each page, but now it is hiding any h1 heading which is not what I wanted! Is there any way to stop the page title showing without blocking all h1 headings?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Riversatile

    (@riversatile)

    13 years, 2 months ago

    Hi,

    First, are you sure the page title is displayed in a “h1” tag ?

    If yes, edit the file “page.php” from your Theme folder, and remove the entire h1 tag that looks like that :
    <h1><?php the_title(); ?></h1>

    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    Yes, you can generally do that by using the class or id of the page title with the h1 tag – so, for example, it might be:

    h1.page-title {
...
}

    Note that your theme probably does not use “page-title” for that element – CSS is theme specific, so you need to look at what class or id is being used.

    And BTW, make sure you are using a child theme (or custom CSS) to make any changes like this to your theme.

    Thread Starter Noz03

    (@noz03)

    13 years, 2 months ago

    Ok h1.post-title worked, thanks. Is there any way I can make it so that it still shows for “posts” though, and just hide it from the static pages?

    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    Yes, you’d need to post a link to your site so someone can look at it, though.

    Thread Starter Noz03

    (@noz03)

    13 years, 2 months ago

    Unfortunately the site is still offline at the moment 🙁 I can post which ever file is important though? I guess the page.php?

    <?php

// Exit if accessed directly
if ( !defined('ABSPATH')) exit;

/**
 * Pages Template
 *
 *
 * @file           page.php
 * @package        Responsive
 * @author         Emil Uzelac
 * @copyright      2003 - 2012 ThemeID
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/themes/responsive/page.php
 * @link           http://codex.wordpress.org/Theme_Development#Pages_.28page.php.29
 * @since          available since Release 1.0
 */
?>
<?php get_header(); ?>

        <div id="content" class="grid col-620">

<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

        <?php $options = get_option('responsive_theme_options'); ?>
		<?php if ($options['breadcrumb'] == 0): ?>
		<?php echo responsive_breadcrumb_lists(); ?>
        <?php endif; ?>

            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <h1 class="post-title"><?php the_title(); ?></h1>

                <?php if ( comments_open() ) : ?>
                <div class="post-meta">
                <?php responsive_post_meta_data(); ?>

				    <?php if ( comments_open() ) : ?>
                        <span class="comments-link">
                        <span class="mdash">&mdash;</span>
                    <?php comments_popup_link(__('No Comments &darr;', 'responsive'), __('1 Comment &darr;', 'responsive'), __('% Comments &darr;', 'responsive')); ?>
                        </span>
                    <?php endif; ?>
                </div><!-- end of .post-meta -->
                <?php endif; ?> 

                <div class="post-entry">
                    <?php the_content(__('Read more ›', 'responsive')); ?>
                    <?php wp_link_pages(array('before' => '<div class="pagination">' . __('Pages:', 'responsive'), 'after' => '</div>')); ?>
                </div><!-- end of .post-entry -->

                <?php if ( comments_open() ) : ?>
                <div class="post-data">
				    <?php the_tags(__('Tagged with:', 'responsive') . ' ', ', ', '<br />'); ?>
                    <?php the_category(__('Posted in %s', 'responsive') . ', '); ?>
                </div><!-- end of .post-data -->
                <?php endif; ?>             

            <div class="post-edit"><?php edit_post_link(__('Edit', 'responsive')); ?></div>
            </div><!-- end of #post-<?php the_ID(); ?> -->

            <?php comments_template( '', true ); ?>

        <?php endwhile; ?> 

        <?php if (  $wp_query->max_num_pages > 1 ) : ?>
        <div class="navigation">
			<div class="previous"><?php next_posts_link( __( '‹ Older posts', 'responsive' ) ); ?></div>
            <div class="next"><?php previous_posts_link( __( 'Newer posts ›', 'responsive' ) ); ?></div>
		</div><!-- end of .navigation -->
        <?php endif; ?>

	    <?php else : ?>

        <h1 class="title-404"><?php _e('404 — Fancy meeting you here!', 'responsive'); ?></h1>
        <p><?php _e('Don't panic, we'll get through this together. Let's explore our options here.', 'responsive'); ?></p>
        <h6><?php _e( 'You can return', 'responsive' ); ?> <a href="<?php echo home_url(); ?>/" title="<?php esc_attr_e( 'Home', 'responsive' ); ?>"><?php _e( '&larr; Home', 'responsive' ); ?></a> <?php _e( 'or search for the page you were looking for', 'responsive' ); ?></h6>
        <?php get_search_form(); ?>

<?php endif; ?>  

        </div><!-- end of #content -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>
    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    No, what you need to look at is the body tag for any page – here’s an example of a site using that theme:

    <body class="page page-id-7 page-template-default">

    So then you can use the class “page” which will apply your CSS only to pages like this:

    .page h1.post-title {
   display: none;
}

    If you have more questions about Responsive, Emil has an excellent dedicated forum here:

    http://themeid.com/help/

    Thread Starter Noz03

    (@noz03)

    13 years, 2 months ago

    Ok thanks, worked perfectly 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Hiding static page titles?’ is closed to new replies.