Make wider page in shottershot theme?

  • Hi,

    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.

    <?php
/*
	Template Name: Wide page
*/
?>

<?php get_header(); ?>

<div id="casing">
<div class="incasing">

<div class="topbar">

<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>

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

<div class="entry">
<?php the_content('Read the rest of this entry ?'); ?>
<div class="clear"></div>
</div>

</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>

<div class="clear"></div>

</div>

<div class="clear"></div>
</div>
<?php get_footer(); ?>

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

    Thanks Daniel

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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;
    width:800px;
    margin:0px auto;

    ………..

    ………..

    ………..

    .incasing{
    background:#fafafa;
    padding:0px 0px 20px 0px;
    margin-top:150px;
    margin-bottom:50px;
    width:800px;
    float:left;
    -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);

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter angrywarrior

    (@angrywarrior)

    Awesome! ??

    Thanks everyone – I’ll try it out later to day!

    All the best / Daniel

    Thread Starter angrywarrior

    (@angrywarrior)

    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:
    https://pastebin.com/embed_js.php?i=MQB0zQLf

    Suttershot Widepage.php:
    https://pastebin.com/embed_js.php?i=GwQdn0GL

    Shuttershot blog.php:
    https://pastebin.com/embed_js.php?i=saRfatmk

    Shuttershot fullpage.php:
    https://pastebin.com/embed_js.php?i=ZLTGT8C0

    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 ?? )

    Thanks

    All the best,
    Daniel

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make wider page in shottershot theme?’ is closed to new replies.