WordPress.org

Support

Support » How-To and Troubleshooting » Can't expand text over removed sidebar

Can't expand text over removed sidebar

  • I am trying to get this page: http://www.aspenwsi.org/?s=+welfare (my search result page) to expand over to the removed right sidebar. But I don’t see anything in the CSS that mentions id container width and here is the php for this page:

    <?php get_header(); ?>
    
    	<div id="page-header">
            <h1>Search Results...</h1>
        </div><!--end of page-header-->
       <div id="content-container">
           <div id="page-more-meat">
    	<?php if (have_posts()) : ?>
    
    		<?php /*?><?php include (TEMPLATEPATH . '/inc/nav.php' ); ?><?php */?>
    
    		<?php while (have_posts()) : the_post(); ?>
    
    			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    
    				<h2 id="post-<?php the_ID(); ?>"><a>"><?php the_title(); ?> »</a></h2>
    					<?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>
    				<div class="entry">
    					<p><?php echo ourWorkCopy(get_the_content()); ?></p>
    				</div>
    
    			</div>
    
    		<?php endwhile; ?>
    
    		<?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>
    
    	<?php else : ?>
    
    		<h2>We're sorry, no results matched your search :(</h2>
    
    	<?php endif; ?>
    
    </div><!--end of Page-more-meat-->
    
                    </div><!--end of content container-->
    
    <?php get_footer(); ?>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Viewing 11 replies - 1 through 11 (of 11 total)
  • esmi

    @esmi

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I guess I don’t understand. It appears this way in every browser the text will not fill up the full single column container. Here is another example:

    http://www.aspenwsi.org/2013/05/10/leaning-in-with-child-care-video-now-available/

    <?php get_header(); ?>
    <div id="page-header">
    	<h1><?php echo get_post_meta($post ->ID, 'short-title', true); ?></h1>
    </div><!--end of page-header-->
    <div id="content-container">
                      <div id="page-more-meat">
    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    		<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    
    			<h2 id="post-title"><?php the_title(); ?></h2>
    
    			<?php /*?><?php include (TEMPLATEPATH . '/inc/meta.php' ); ?><?php */?>
    
    			<div class="entry">
    
    				<?php
    					global $more;
    					$more = 0;
    				?>
    
    				<?php the_content('Continue Reading'); ?>
    
    			</div>
    			<p style="float:left;"><a href="history.go(-1)">« Go back</a></p>
    			<?php edit_post_link('Edit this entry','',''); ?>
    
    		</div>
    
    	<?php /*?><?php comments_template(); ?><?php */?>
    
    	<?php endwhile; endif; ?>
    
    	</div>
    </div>
    <?php get_footer(); ?>

    WPyogi

    @wpyogi

    Forum Moderator

    This is a CSS issue (not php) – look at the widths here:

    div.entry > p, div.toggle > p {
        font-size: 14px;
        width: 678px;
    }
    
    #content-container > #page-more-meat > div {
        float: left;
        height: auto;
        margin: 0;
        width: 678px;}
    
    #main-page-container > #content-container > #page-more-meat {
        float: left;
        min-height: 358px;
        padding: 0 10px 10px 30px;
        width: 678px;
    }

    Am I missing something I don’t see anything like that in my css:

    [Excessive CSS moderated. A link to your site is all that is needed]

    WPyogi

    @wpyogi

    Forum Moderator

    Using a browser tool like Firebug (as esmi suggested above) shows you all the CSS affecting any element on the page and where it’s coming from – highly recommended for CSS work – in fact, it’s impossible to do any kind of CSS work without in IMHO. Those styles happen to be in:

    http://www.aspenwsi.org/wordpress/wp-content/themes/wsi-theme/css/stylesheet.css">

    I installed firebug and looking at the CSS in firefox I still don’t see anything referring to the width you have above “678px” or the padding of “30px” that is not in my CSS file anywhere. What am I missing? Only thing close is the following: #page-wrap { width: 960px; margin: 20px auto; }

    So I can get it to appear correctly in firefox but how do I adjust the CSS so it appears correct in chrome and IE?

    WPyogi

    @wpyogi

    Forum Moderator

    You need to make changes IN the CSS code on the site – Firebug is just a temporary development tool. Where did this theme/site come from?

    How do I get all the CSS code to appear like it does in Firebug rather than the shorthand version that appears in wordpress? Developed by the Hatcher Group I have been asking for the expanded CSS file but can’t get them to respond.

    esmi

    @esmi

    Forum Moderator

    WordPress doesn’t do anything with CSS files by default. Not sure what you mean by “expanded CSS file”.

    WPyogi

    @wpyogi

    Forum Moderator

    You can’t access files in sub-folders via the Dashboard. I’d actually suggest that you install a custom CSS plugin (this is a good one: http://wordpress.org/plugins/custom-css-manager-plugin/ ) and just make changes there – you have less chances of mucking up the existing CSS that way as well.

    Then, using Firebug, just COPY the bit of code that you want to change to the custom CSS section and make the changes there. It should override the existing CSS.

    Or you can do the same, but copy it to the style.css file that IS accessible via the dashboard under Appearance > Editor.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Can't expand text over removed sidebar’ is closed to new replies.
Skip to toolbar