Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Feb 2011
    Posts
    40
    Member #
    26969
    Liked
    1 times
    Hi,

    Does anyone know how I can make the white page template (content area) wider?

    Link: www.circus11.com/wordpress

    I want the header image to sit about 40px (each side) inside the white template area so that it's inline with the body text below.

    I have tried adding padding to .header but it just shifts the header image to right.

    Is it perhaps something I need to change in the header.php?

    See code below.

    P.s. I have edited the Coraline theme.

    Code:
    /* =Content
    ----------------------------------------------- */
    
    .page-title {
        border-bottom: 1px solid #ccc;
        border-top: 3px solid #000;
        font-family: 'KorolevBold', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.025em;
        margin: 0 0 24px 0;
        padding: 2px;
        text-transform: uppercase;
    }
    .hentry {
        margin: 0 0 3.4em;
    }
    .single .hentry {
        margin: 0 0 1.7em;
    }
    .sticky {
        background: #fff9c0;
        border-top: 3px solid #d9d4a3;
        border-bottom: 1px solid #D9D4A3;
        padding: 1.7em;
    }
    .sticky .entry-meta {
        display: none;
    }
    .entry-title {
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 24px;
        padding-left: 35px;
    }
    .entry-title a {
        color: #000;
    }
    .entry-meta {
        color: #888;
        font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }
    .entry-meta a {
        color: #888;
    }
    .entry-meta a:hover {
        color: #df0000;
    }
    .byline {
        display: block;
        position: absolute;
        left: -9000px;
    }
    .entry-content,
    .entry-summary {
        padding-top: 10px;
        padding-right: 35px;
        padding-left: 35px;
        font-size: 13px;
        font-family:
    }
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4 {
        margin-bottom: 0.425em;
    }
    .entry-content h1,
    .entry-content h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .entry-content h1 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.425em;
    }
    .entry-content h3 {
        letter-spacing: 0.025em;
        text-transform: uppercase;
    }
    .entry-content h4 {
        color: #888;
        font-size: 17px;
        font-style: italic;
    }
    .entry-content h5,
    .entry-content h6 {
        font-weight: bold;
    }
    .entry-content h5 {
        font-size: 12px;
    }
    .entry-content h6 {
        font-size: 10px;
    }
    .entry-content table {
        border: 1px solid #ccc;
        margin: 0 -1px 24px 0;
        text-align: left;
    }
    .entry-content tr th,
    .entry-content thead th {
        font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
        font-weight: bold;
        line-height: 18px;
        padding: 9px 12px;
    }
    .entry-content tr td {
        border-top: 1px solid #ccc;
        padding: 6px 12px;
    }
    .entry-content tr.odd td {
        background: #f2f7fc;
    }
    .entry-content table dl {
        margin: 0;
    }
    .entry-content .gallery {
        margin: 0 auto 1.7em;
    }
    #content .gallery .gallery-item {
        float: left;
        margin-top: 0;
        text-align: center;
        width: 33.333%;
    }
    #content .gallery .gallery-caption {
        color: #888;
        font-size: 12px;
        margin: 0 0 0.7em 0;
    }
    #content .gallery dl {
        margin: 0;
    }
    #content .gallery img {
        padding: 4px;
    }
    #content .gallery br+br {
        display: none;
    }
    #content .attachment img { /* single attachment images should be centered */
        display: block;
        margin: 0 auto;
    }
    .page-link {
        font-weight: bold;
        margin: 0 0 1.7em;
        word-spacing: 0.25em;
    }
    .page-link a {
        font-weight: normal;
    }
    .entry-info {
        clear: both;
        color: #888;
        font-size: 13px;
        position: relative;
    }
    .entry-info a {
        color: #888;
    }
    .entry-info a:hover {
        color: #df0000;
    }
    .entry-info p {
        margin: 0;
    }
    .entry-info .comments-link a {
        color: #333;
        display: block;
        float: right;
        font-weight: bold;
        margin: -2px 1px 0 5px;
        padding: 2px 10px;
        text-decoration: none;
    }
    .entry-info .comments-link a:hover {
        background: #222;
        background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111));
        -moz-border-radius: 14px;
        border-radius: 14px;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        color: #fff;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    }
    .entry-info .edit-link {
        clear: both;
    }
    .button {
        color: #fff;
        border: 1px solid #000;
        background: #000;
        font-family: 'KorolevBold', Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        margin: 0px 325px 10px 325px;
        cursor: pointer;
        }
    .button:hover {
        color: #fff;
        border: 1px dashed #fff;
        background: #000;
        }
    .button:active {
        color: #ff0099;
        border: 1px dashed #fff;
        background: #000;
        }
    PHP Code:
    <div id="branding2">
                <?php
                    
    // Check to see if the header image has been removed
                    
    if ( get_header_image() != '' ) :
                
    ?>
                    <?php
                        
    // The header image
                        // Check if this is a post or page, if it has a thumbnail, and if it's a big one
                        
    if ( is_singular() &&
                                
    has_post_thumbnail$post->ID ) &&
                                ( 
    /* $src, $width, $height */ $image wp_get_attachment_image_srcget_post_thumbnail_id$post->ID ), 'post-thumbnail' ) ) &&
                                
    $image[1] >= HEADER_IMAGE_WIDTH ) :
                            
    // Houston, we have a new header image!
                            
    echo get_the_post_thumbnail$post->ID'post-thumbnail' );
                        else : 
    ?>
                        <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH?>" height="<?php echo HEADER_IMAGE_HEIGHT?>" />
                    <?php endif; // end check for featured image or standard header ?>
                </a>
                <?php endif; // end check for removed header image ?>
            </div><!-- #branding2 -->

  2.  

  3. #2
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    In line 93, set the width to what you want it to be:
    #container { clear: both; margin: 0 auto; background-color: #fff width:whateverpx;
    }


    Then in line 119 of your CSS, set the max-width to the width you want:
    .two-column #container { max-width: [S][S]770[/S][/S] whateverpx; }
    Oliver likes this.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  4. #3
    Member
    Join Date
    Feb 2011
    Posts
    40
    Member #
    26969
    Liked
    1 times
    Hey AM,

    Thanks for the suggestion, but unfortunately that didn't seem to have the desired effect.

    I will keep playing around to see if I can work it out.

    Appreciate your help so far :-)

  5. #4
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,461
    Member #
    28473
    Liked
    264 times
    Moved to correct thread - M3
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:33 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com