• Hi! How can I edit my WordPress TwentyTen Blog page?

    https://bit.ly/ad9tgW

    1. I want to put a sentence at the top (not a sticky).
    2. How can I increase the margins / edit the side bar?
    3. How can I shift the sidebar up so that it is at the top of its column?’

    Thanks!

    I tried editing post.php, but I guess that only refers to an individual post page, not the blog page.

Viewing 11 replies - 31 through 41 (of 41 total)
  • Thread Starter Jam

    (@pimaniii)

    Alright, I did that, but the pages are still shifted

    Thread Starter Jam

    (@pimaniii)

    Ok, here’s my Fullwidth-page.php

    <?php
    /**
     * Template Name: Full width, no sidebar
     *
     * A custom page template without sidebar.
     *
     * The "Template Name:" bit above allows this to be selectable
     * from a dropdown menu on the edit page screen.
     *
     * @package WordPress
     * @subpackage Twenty_Ten
     * @since Twenty Ten 1.0
     */
    
    get_header(); ?>
    
                   <div id="container-wide" class="full-width">
                            <div id="content" role="main">
    
    <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    
                                    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                                            <h1 class="entry-title"><?php the_title(); ?></h1>
                                            <div class="entry-content">
                                                    <?php the_content(); ?>
                                                    <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
                                                    <?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
                                            </div><!-- .entry-content -->
                                    </div><!-- #post-## -->
    
                                    <?php comments_template( '', true ); ?>
    
    <?php endwhile; ?>
    
                            </div><!-- #content -->
                    </div><!-- #container -->
    
    <?php get_footer(); ?>

    And here’s that section in style.css

    LAYOUT: Full Width, no sidebar :D
    ----------------------------------------*/
    .full-width .post, .full-width .type-page{
    	width: 940px;
    	overflow: hidden;
    }
    #container-wide {
    margin:0 auto;
    width:900px;
    }
    
    #container-wide {
    float:center;
    margin:0 -240px 0 0;
    width:100%;
    }

    Pages are still shifted. What is the problem here?

    look for this around line 71

    #content {
    margin:0 280px 0 20px;
    }

    change it to

    #content {
    margin:auto;

    }

    this will shift content to center on all pages and your blog page will stay as is.

    Thread Starter Jam

    (@pimaniii)

    Ok, I changed it. Have a look. It changed the homepage, but all the other pages are the same.

    Thread Starter Jam

    (@pimaniii)

    Don’t the margins need to be decreased and shifted?

    Your home and press page are centered Have you tried to center others within editor.

    margin:auto; adjust according to content.

    Thread Starter Jam

    (@pimaniii)

    Those other pages are not centered, but they should be shifted to the right.

    I put php code on the “goods” page to center it, but it is not centering.

    There should be a left and right margin limit.

    I wonder why I there is problem centering them pages You are using tables to add that content

    <table border="0">
    <tbody>
    <tr>
    <th>
    <p style="text-align: left;">Standard Flavors:</p>
    <ul style="text-align: left;">
    <li>garlic chive</li>
    <li>gorgonzola caramelized shallot</li>
    <li>roasted red pepper corn</li>
    <li>savory sweet potato</li>
    <li>holiday</li>
    <li style="text-align: left;">colcannon</li>
    </ul>
    </th>
    <th>
    </th>
    </tr>
    </tbody>
    </table>
    <table border="0">
    <tbody>
    <tr>
    <th>
    <p style="text-align: left;">
    <img class="alignright" height="175" width="300" alt="" src="https://juliespetitepotatoes.com/portal/wp-content/uploads/2010/08/selections_img_2-300x175.jpg" title="selections_img_2"/>
    </p>
    </th>
    <th>
    <p>
    <img class="size-medium wp-image-36 alignleft" height="175" width="300" alt="" src="https://juliespetitepotatoes.com/portal/wp-content/uploads/2010/08/selections_img_1-300x175.jpg" title="selections_img_1"/>
    </p>
    </th>
    </tr>
    </tbody>
    </table>

    You need center that table you will never be able center it in css unless you have layout in css

    Thread Starter Jam

    (@pimaniii)

    But I do not think that that is the problem. My content was never centered on those pages. The reason that it was shifted (and appeared centered) is because the entire page’s content was shifted to the right, as if there was a left hand column

    How can I shift all my pages’ content to the right?

    Thanks.

    Thread Starter Jam

    (@pimaniii)

    Ok, I think I found an easier way.

    I made all of my pages the onecolumn no sidebar. I think I should just find a way to increase the margin on the fullwith page while having a sidebar.

    How can I modify that .php code to include that?

    Thanks

    i see on your site it’s still not fixed..
    no need to modify that .php code.
    in style.css just below this line:

    /* =Layout
    ————————————————————– */

    insert this:

    /*
    LAYOUT: Full width, no sidebar
    DESCRIPTION: Full width content with no sidebar;
    */
    .full-width #content {
    margin: 0 auto;
    width: 940px;
    overflow: hidden;


    don’t forget to choose it from the page template drop-down.

Viewing 11 replies - 31 through 41 (of 41 total)
  • The topic ‘Edit TwentyTen Blog Page’ is closed to new replies.