[Theme: Gazette] Full-Width Page

  • Jake

    (@jakegeiger21)


    9 years, 3 months ago

    Hi,

    I am having trouble creating a full-width page for my site. I am using the gazette theme and am in file manager trying to create a child file.

    <?php
    /**
    * The template for displaying all pages.
    *
    * This is the template that displays all pages by default.
    * Please note that this is the WordPress construct of pages
    * and that other ‘pages’ on your WordPress site will use a
    * different template.
    *
    * @package Gazette
    */

    get_header(); ?>

    <div class=”site-content-inner”>
    <div id=”primary” class=”content-area”>
    <main id=”main” class=”site-main” role=”main”>

    <?php while ( have_posts() ) : the_post(); ?>

    <?php get_template_part( ‘content’, ‘page’ ); ?>

    <?php
    // If comments are open or we have at least one comment, load up the comment template
    if ( comments_open() || get_comments_number() ) :
    comments_template();
    endif;
    ?>

    <?php endwhile; // end of the loop. ?>

    </main><!– #main –>
    </div><!– #primary –>

    <?php get_sidebar(); ?>
    </div><!– .site-content-inner –>

    <?php get_footer(); ?>

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Jake

    (@jakegeiger21)

    What do I need to remove and change to make this into a full-width page?

    @jakegeiger21:

    You would not need to make a custom template file to create a full-width page. This would be handled within the CSS file for the theme (Please use a child theme to make changes; you can find out more here if you dont already know how https://codex.www.ads-software.com/Child_Themes)

    Can you go more in-depth at what you are wanting to change? Is it the entire page (Header content and footer) or is it just the main content? Also, is this for every page or just a specific page/number of pages? This would help me help you better.

    Is the site already live? if so, can you provide me with the urls of the page(s) you want to affect with this change?

    Thread Starter Jake

    (@jakegeiger21)

    @ronald.fuquay
    I would like to make the content of the page full-width. This would apply to all pages. My website is https://thetravelinggeiger.com.

    Thanks a lot,

    Thread Starter Jake

    (@jakegeiger21)

    It is just the main content for every page. It seems to be covering only about half the page and the other half remains blank for widgets. However, I do not want to add any widgets.

    @jakegeiger21, sorry for the delay. I had to watch my Wheel of Fortune ??

    Ok so on your site, you have a div surrounding all of the page content with a class of .row. This seems to be the div that is controlling your website content’s width. As you can see in the picture below, the .row div sets the content’s max-width to 75rem

    Check here to see what I mean https://imgur.com/iuFJaSZ

    To fix this, you need to add the following code to the bottom of your styles.css file in your child theme

    .row {
      max-width:100%;
}

    This will set your contents width to the full width of the browser window as seen in the image below

    View post on imgur.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme: Gazette] Full-Width Page’ is closed to new replies.