WordPress.org

Ready to get started?Download WordPress

Forums

Can't expand text over removed sidebar (12 posts)

  1. Jackieoh
    Member
    Posted 11 months ago #

    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.]

  2. esmi
    Forum Moderator
    Posted 11 months ago #

    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.

  3. Jackieoh
    Member
    Posted 11 months ago #

    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(); ?>
  4. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    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;
    }
  5. Jackieoh
    Member
    Posted 11 months ago #

    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]

  6. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    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">
  7. Jackieoh
    Member
    Posted 11 months ago #

    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; }

  8. Jackieoh
    Member
    Posted 11 months ago #

    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?

  9. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    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?

  10. Jackieoh
    Member
    Posted 11 months ago #

    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.

  11. esmi
    Forum Moderator
    Posted 11 months ago #

    WordPress doesn't do anything with CSS files by default. Not sure what you mean by "expanded CSS file".

  12. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    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.

Reply

You must log in to post.

About this Topic