Make wider page in shottershot theme? (5 posts)

  1. angrywarrior
    Posted 2 years ago #


    I would like to make a to have a wider width page than that is offered in the standard template pages that ships with shutter shot, but I do not seem to find the settings that control this.

    style.css code below:

    [Complete stylesheet moderated. That is completely unnecessary. Please just post a link to your site using theme them instead.]

    I added a new page called verywide.php in the templatre root to edit as as a new template - so it would show up in the template list when creating a new post...

    But I do not seem to figure out what is controlling the width.

    	Template Name: Wide page
    <?php get_header(); ?>
    <div id="casing">
    <div class="incasing">
    <div class="topbar">
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    <div id="content" style="width:950px;">
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <div class="title">
    	<h2><a>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
    <div class="entry">
    <?php the_content('Read the rest of this entry ยป'); ?>
    <div class="clear"></div>
    <?php endwhile; else: ?>
    		<h1 class="title">Not Found</h1>
    		<p>I'm Sorry,  you are looking for something that is not here. Try a different search.</p>
    <?php endif; ?>
    <div class="clear"></div>
    <div class="clear"></div>
    <?php get_footer(); ?>

    I would appreciatevery much any ideas ithat could pointed in the right direction on how to accomplish this!

    Thanks Daniel

  2. geoioann
    Posted 2 years ago #

    hey Daniel,

    I answered you in the other post too!
    Anyway,I found the way to maximize the page.

    It is in stylesheet in line 220 (.incasing) but you also must put the same or biger value in the outer div (#casing)in line 183!

    /* The Outer cover */

    #casing {
    padding:0px 0px;
    margin:0px auto;




    padding:0px 0px 20px 0px;
    -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);

  3. Andrew
    Forum moderator
    Posted 2 years ago #

    Ensure you transfer modifications to ShotterShot theme, into a Child Theme. Otherwise you'll lose them once the theme updates.

  4. angrywarrior
    Posted 2 years ago #

    Awesome! :-)

    Thanks everyone - I'll try it out later to day!

    All the best / Daniel

  5. angrywarrior
    Posted 2 years ago #

    So this is very cool, since it works! :-)

    I just changed it and did the tweak today!

    Though I looks like it overrides the templates server wide and I am trying to find a way to have several templates in different sizes..

    Do you guys have any luck with that part?

    I've used pastebin this time for the code, so:

    Shuttershot CSS:

    Suttershot Widepage.php:

    Shuttershot blog.php:

    Shuttershot fullpage.php:

    So I tried to change the width of templates because it's much nicer to have several different templates to chose from in the templaes list, but the shuttershot does not give an rats *ss about what you do - it looks like it only listens to the style.css settings.

    Oh and I almost forgot.. I also trying to tweak the setting for line spacing - it's way too large for my taste..

    Any ideas on how to accomplish this too? (that would be damm awesome :-) )


    All the best,

Topic Closed

This topic has been closed to new replies.

About this Topic