Codium Extend
How do I remove "pages" sidebar from all pages & posts (9 posts)

  1. sirdavy
    Posted 1 year ago #

    This is my website:

    I've managed to remove the sidebar titled "Pages" from the homepage by going into Main Index Template (index.php)

    and changing
    <?php get_sidebar(); ?>
    <?php if (!is_front_page()) {
    } ?>

    But I'd like to remove it from all the other pages. How do I do this?


  2. paulwpxp
    Font hero
    Posted 1 year ago #

    From a quick look at the theme's code, it doesn't have full-width CSS, it's designed to always have a sidebar.

    You have to make a child theme for this kind of modifications.

    • Put in sidebar.php with empty content in it.
    • In child style.css put this in just under the @import line

      .container .two-thirds.column {
      	width: auto;
  3. sirdavy
    Posted 1 year ago #

    Thanks paulwpxp. Can I ask you a few more questions?

    1. In the new style.css folder what exactly do I input for "Theme Name" "Template"? Is it case sensitive?

    2. When you say "Put in sidebar.php" do you mean I have to create a new sidebar.php in the child theme or adapt the original sidebar.php?

    3. Instead of creating a child theme could I simply do what you've described to the css of the original codium extend?

  4. paulwpxp
    Font hero
    Posted 1 year ago #

    Template name is the folder name.

    In this case, the folder name of the theme is codium-extend. So the template name for parent theme used in child theme is this: Template: codium-extend

    Your child theme name is Codium Extend child, and the folder name is

    So in codium-extend-child/style.css you will have this.

    Theme Name: Codium Extend child
    Theme URI: http://www.crockattandscott.co.uk/
    Description: Child theme for Codium Extend
    Author: sirdavy
    Author URI: http://www.crockattandscott.co.uk/
    Template: codium-extend
    Version: 0.1
    /* Import layout */
    @import url(../codium-extend/style.css);
    .container .two-thirds.column {
    	width: auto;

    Regarding the sidebar.php, in this case you only need a blank file with that same name and put into your child theme's folder.

    I can't see other way to do this without child theme.

  5. paulwpxp
    Font hero
    Posted 1 year ago #

    Update: Use this CSS instead, it takes into account the responsive grid that theme uses, overriding each @media block.

    /* Begin hacking grid of codium extend v 1.1.6 from 2/3 to full */
    .container .two-thirds.column {
    	width: 940px;
    /* #Tablet (Portrait) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    	.container .two-thirds.column { width: 768px; }
    /*  #Mobile (Portrait) */
    @media only screen and (max-width: 767px) {
    	.container .two-thirds.column  { width: 280px; }
    /* #Mobile (Landscape)  */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.container .two-thirds.column { width: 400px; }
    /* Ending hacking grid of codium extend v 1.1.6 from 2/3 to full */

    So this in child stylesheet and a blank sidebar.php makes this theme one column full width.

  6. sirdavy
    Posted 1 year ago #

    Thanks again. Sorry if I am being stupid, do you mean

    Use just the css from your update?
    Or some of the css from your answer to question 2 + the css from your update?

  7. sirdavy
    Posted 1 year ago #

    UPDATE: I've tried both and the I now understood you meant the latter.
    It's worked but somewhere along the line I've lost the header image I was using.

  8. paulwpxp
    Font hero
    Posted 1 year ago #

    You are running on WP3.1
    The Codium Extend theme you use is Version: 1.0.9

    The child stylesheet I gave you is for Codium Extend v 1.1.6

  9. sirdavy
    Posted 1 year ago #

    UPDATE: And I've re-uploaded the header image. Thanks for all your help, Paul.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic