WordPress.org

Ready to get started?Download WordPress

Forums

Making homepage less bloggy (5 posts)

  1. paulwells
    Member
    Posted 3 years ago #

    I'm told you can widen the content column (WordPress for dummies) by changing <div id="content" class="narrowcolumn"> and removing the get sidebar instruction. However I can't find that line in the theme I've been using (Vita). What needs to be changed? Anyone? Thanks.

    page...

    <?php get_header(); ?>

    <div id="content-wrap">
    <div id="content">
    <div class="gap">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <h2>
    <?php the_title(); ?>
    </h2>
    <div class="entry">
    <?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
    <?php wp_link_pages(array('before' => '<p>Pages: ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    </div>
    </div>

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

    <?php endwhile; endif; ?>
    <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
    </div> <!-- /gap -->
    </div> <!-- /content -->
    </div> <!-- /content-wrap -->
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

  2. MAzCastro
    Member
    Posted 3 years ago #

    <div id="content">
    <?php get_sidebar(); ?>
    ????

  3. jrav001
    Member
    Posted 3 years ago #

    Can you post a url?

  4. paulwells
    Member
    Posted 3 years ago #

  5. MAzCastro
    Member
    Posted 3 years ago #

    I don't understand.

    you have the ยด<?php get_sidebar(); ?>` in the bottom of the code you've posted.

    Just remove it and change the width of the <div id="content-wrap"> on the css (style.css)

    however, I'd remove that class from that div in the main.php and add your own id to style it.

    if you edit #content-wrap in the CSS, your changes will reflect throughout all the website and I believe you only need it in the homepage.

    So go to styles.css add your own ID like

    #paulHomeContents {
    paste here the content of #content-wrap, with the new width
    }

    Then on home.php go to your <div id="content-wrap"> and replace it by <div id="paulHomeContents"> that should do the trick.

    This could be simpler, if the styles on that div were applied trough a class and not an ID. Since CSS IDs are 10X more specific then classes, instead of creating a new ID style, we could have just added a new class with only the new width in it. But since the theme uses IDs, the class would be overridden by the ID.

    MAC :)

Topic Closed

This topic has been closed to new replies.

About this Topic