• Hey there,
    I am using this stunning theme. I dont want any sidebars in any of my pages. I want my site to be full width. To change from ‘default template’ to ‘full width’ for every page just hides the sidebar. The site/ content is not full width though.

    Do you know any solution?

    Cheers

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Pietzke,

    Can you share the website where you have changed the template to “full width” but the content is not full width? It will be very helpful as inserting some custom CSS will solve the issue.

    Cheers,
    Awwab Tahir

    Thread Starter pietzke

    (@pietzke)

    Hi Awwab,
    thanks a lot for your reply!!

    I’ve uploaded it. Check ‘Page 002’ (versus ‘Page 001’) at: https://pietzke.bplaced.net/?page_id=6

    style.css:

    /*
    Theme Name: Simplenotes
    Description: Simplenotes is a clean and minimal WordPress theme that requires no plugins to run. The theme features a dropdown menu, social media integration, sidebar widgets, threaded comments and more. The simple notebook is ready for both writers and readers.
    Version: 5.1
    Tags: Black, White
    Author: Carla Izumi Bamford
    Author URI: https://carla-izumi-bamford.com/
    License: GNU General Public License, v3 (or newer)
    License URI: https://www.opensource.org/licenses/gpl-3.0.html
    */
    @import url(css/common.css);
    @import url(css/class.css);
    @import url(css/navigation.css);
    @font-face{
    	font-family: 'Open Sans Regular';
    	src: url('fonts/Open Sans Regular.eot');
    	src: url('fonts/Open Sans Regular.eot?#iefix') format('embedded-opentype'),
    	url('fonts/Open Sans Regular.woff') format('woff'),
    	url('fonts/Open Sans Regular.ttf') format('truetype'),
    	url('fonts/Open Sans Regular.svg#webfont') format('svg');
    	}
    @font-face{
    	font-family: 'Lato Light';
    	src: url('fonts/Lato Light.eot');
    	src: url('fonts/Lato Light.eot?#iefix') format('embedded-opentype'),
    	url('fonts/Lato Light.woff') format('woff'),
    	url('fonts/Lato Light.ttf') format('truetype'),
    	url('fonts/Lato Light.svg#webfont') format('svg');
    	}
    @font-face{
    	font-family: 'Lato Regular';
    	src: url('fonts/Lato Regular.eot');
    	src: url('fonts/Lato Regular.eot?#iefix') format('embedded-opentype'),
    	url('fonts/Lato Regular.woff') format('woff'),
    	url('fonts/Lato Regular.ttf') format('truetype'),
    	url('fonts/Lato Regular.svg#webfont') format('svg');
    	}

    page-full.php

    <?php
    /*
    Template Name: Full Width
    */
    ?>
    <?php get_header(); ?>
    <!-- entries -->
    	<div id="entries-full">
    <!-- breadcrumbs -->
    	<div id="breadcrumbs">
    		<?php simplenotes_get_breadcrumbs(); ?><div class="clear"></div>
    	</div>
    <!-- /breadcrumbs -->
    	<?php if ( have_posts () ) : while (have_posts()):the_post();?>
    <!-- calling entry -->
    	<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    	<div class="entry">
    		<h2><?php the_title(); ?></h2>
    		<div class="clear"></div>
    		<div class="contents">
    			<?php the_content(); ?>
    			<div class="clear"></div>
    			<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    			<p><?php edit_post_link('Edit this post', '(', ')'); ?></p>
    		</div>
    <!-- meta -->
    	<div class="meta">
    		<div class="time"></div>&nbsp;<?php the_time('F jS, Y') ?>&nbsp;&nbsp;
    		<div class="user"></div>&nbsp;<a href="<?php the_author_meta('url'); ?>"><?php the_author(); ?></a>
    	</div>
    <!-- /meta -->
    	</div>
    	</div>
    <!-- /entry -->
    <?php endwhile; ?>
    	<?php comments_template(); ?>
    <?php else : ?>
    	<div class="entry">
    		<h2>404 Not Found</h2>
    		<div class="clear"></div>
    		<div class="contents">
    			<p>Sorry, but you are looking for something that isn't here. </p>
    		</div>
    	</div>
    <?php endif; ?>
    	</div>
    <!-- /entries -->
    <?php get_footer(); ?>

    Hi Pietzke,

    You just need to add this custom css. I would recommend that you do this installing the “Simple Custom CSS” plugin.

    Here is the link to plugin: Simple Custom CSS

    div.entry {
        width: 100% !important;
    }

    [ Signature moderated ]

    Thread Starter pietzke

    (@pietzke)

    That’s all? awesome! That was quite easy.

    Thank you soo much! ??

    Thread Starter pietzke

    (@pietzke)

    I am happy.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘no sidebar on any pages – content full width/ 100%?’ is closed to new replies.