change width of template?

Looks like your theme is using a grid system. The reason you are not getting full page width is because your class is set to use 940px within your content area.

Source: <div id="content-full" class="grid col-940">

If you remove the class altogether you should get your desired results, but WARNING: doing this may break other page’s within your theme.

I suggest you create a template specifically for this purpose.
I would copy the template file used for this page and rename to: custom-fullwidth-template.php

Then I would change the Template Name: Custom Fullwidth
and remove the class “grid col-940” from here: <div id="content-full" class="grid col-940">

This should get you the desired results. Contact me if you need help.

Here is a image of your site with my suggestions. I used firebug to make the edit.
https://gabrielcastillo.net/images/fullwidth.jpg

what about this layout? sorry i changed it….but i’m very new at coding.

i’m trying to use “thememagic” theme or “Themia Lite” themes. they both have the option for a full width layout but my services page still doesn’t fit the width of the theme.

the themia theme has a seperate “fullwidth.php”

You are still having issues with the css grid system source: <div class="grid_24 content_wrapper">

grid_24 is using 950px width.

i have located: What do i do next? i really an a noob

<?php
/*
Template Name: Fullwidth Page
*/
?>
<?php get_header(); ?>
<!--Start Contetn wrapper-->
<div class="grid_24 content_wrapper">
     <!--Start Fullwidth-->
     <div class="fullwidth">
          <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
          <h1>
               <?php the_title(); ?>
          </h1>
          <?php the_content(); ?>
          <?php comments_template(); ?>
          <!--End comment Section-->
     </div>
     <div class="bigshadow"></div>
     <!--End Fullwidth-->
     <?php endwhile;?>
</div>
<!--End Content wrapper-->
<div class="clear"></div>
</div>
<?php get_footer(); ?>

hi may you please tell me step by step. I am extremely unfamiliar with coding

Step 1: create new file, name custom-fullwidth-template.php
Step 2: add code from old fullwidth tempate.
Step 3: Change Template Name: Iframe Template
Step 4: Delete grid

grid_24

class from main div of content.
Step 5: Save file, goto wp admin edit page, select iframe template as page template. Save.

ok i got as far as creating the file in text editor
heres the code
i don’t understand what you mean by go to wordpress edit page. Is that the “editor” under the theme? or is that the “services page” i have. and how do i upload my file itrame template

thank you so for the help so far!

<?php
/*
Template Name: Iframe Template
*/
?>
<?php get_header(); ?>
<!--Start Page navi bg-->
<div class="page_navi_bg">
  <!--Start Container-->
  <div class="container_24">
      <!--Start Page navi-->
      <div class="page_navi">
        <?php if (function_exists('inkthemes_breadcrumbs')) inkthemes_breadcrumbs(); ?>
      </div>
      <!--End Page navi-->
    </div>
  </div>
  <!--End Container-->
</div>
<!--End Page navi bg-->
<!--Start Container-->
<div class="container_24">
<!--Start  content wrapper-->
<div class="grid_24 content_wrapper">
  <div class="fullwidth">
    <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    <?php the_content(); ?>
    <?php endwhile;?>
  </div>
</div>
<!--End Content Wrapper-->
<?php get_footer(); ?>

you need to upload the file to your directory, using ftp.

When you edit sevice’s page you can choose to use iframe template for the page template… just like if you were to use fullwidth page template.

Also you need to remove “grid_24 from your div class in the content wrapper.

<?php
/*
Template Name: Iframe Template
*/
?>
<?php get_header(); ?>
<!--Start Page navi bg-->
<div class="page_navi_bg">
  <!--Start Container-->
  <div class="container_24">
      <!--Start Page navi-->
      <div class="page_navi">
        <?php if (function_exists('inkthemes_breadcrumbs')) inkthemes_breadcrumbs(); ?>
      </div>
      <!--End Page navi-->
    </div>
  </div>
  <!--End Container-->
</div>
<!--End Page navi bg-->
<!--Start Container-->
<div class="container_24">
<!--Start  content wrapper-->
<div class="content_wrapper">
  <div class="fullwidth">
    <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    <?php the_content(); ?>
    <?php endwhile;?>
  </div>
</div>
<!--End Content Wrapper-->
<?php get_footer(); ?>

update: i just added the plugin “Allow PHP in Post and Pages” and i tried to copy and paste the above code but no luck so far

Why would you do that?

You need to create a new custom template for you page. This template will allow you to place the iframe code for your external page to be displayed.

Create new custom template
Upload template to theme directory
Edit services page and select custom template file for page template
insert iframe code into content area
Save Page.

sorry i did not know how to upload the template to the theme directory but i just tried and it says Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the style.css stylesheet.

Theme install failed.