WordPress.org

1. paulwells
   Member
   Posted 1 year 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 1 year ago #

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

3. jrav001
   Member
   Posted 1 year ago #

   Can you post a url?

4. paulwells
   Member
   Posted 1 year ago #

   http://b2bestpracticemarketing.co.uk/

5. MAzCastro
   Member
   Posted 1 year 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.