WordPress.org

Support

Support » Themes and Templates » Easel » [Resolved] Remove right side bar ONLY on certain pages and expand width of content?

[Resolved] Remove right side bar ONLY on certain pages and expand width of content?

Viewing 15 replies - 1 through 15 (of 31 total)
  • esmi

    @esmi

    Forum Moderator

    Have you already created & activated a child theme?

    No, I have not. Is this the route I need to go in order to do this? I’m clueless :/

    esmi

    @esmi

    Forum Moderator

    Yes, it is. Otherwise you will lose of of your customisations when you update the theme. The link I posted above should give you the details you need to create your new child theme.

    Theme Author Frumph

    @frumph

    ^ as soon as you create your child theme, so you don’t lose your customizations; copy the layout-foot.php from the main theme into the child theme directory.

    Edit the layout-foot.php search for:

    if (easel_is_layout('2cr,3c,3cr')) easel_get_sidebar('right');

    and change it to:

    if (easel_is_layout('2cr,2crw,3c,3cr') && is_home()) easel_get_sidebar('right');

    Then, in your child themes style.css file (which doesn’t have anything inside of it right now except the @import) you add this:

    .narrowcolumn {
    	width: 750px;
    }
    
    body.home .narrowcolumn {
    	width: 550px;
    }

    Which will make it so that on all pages use 750px width on the narrowcolumn (content section) BUT overwrite that on body.home (home pages) to be 550px;

    OK. So I finally got a child theme installed by converting it to zip file (not just creating folder in directory). Now I an getting a page with the following message on the bottom on page:

    Parse error: syntax error, unexpected ‘}’, expecting T_STRING or T_VARIABLE or ‘$’ in /home/artattac/public_html/fl/wp-content/themes/easel-child/layout-foot.php on line 9

    I have the child theme folder with a style.css that looks like this:

    /*
    @import url("../easel/style.css");
    Theme Name:     Easel Child Theme
    Theme URI:      http://artattackfx.com/fl
    Description:    Child theme for the Easel theme
    Author:         mnm82
    Author URI:     http://artattackfx.com/fl
    Template:       easel
    Version:        3.5.1
    */
        width: 750px;
    }
    
    body.home .narrowcolumn {
            width: 550px;
    }

    AND

    The layout-foot you mentioned to change that looks like this:

    <?php if (!easel_sidebars_disabled()) easel_get_sidebar('under-blog'); ?>
    		</div>
    		<div id="content-foot"></div>
    <?php
    if (!easel_is_signup() && !easel_sidebars_disabled()) {
    	if (easel_is_layout('3cl,3cr')) easel_get_sidebar('left');
    	if (easel_is_layout('2cr,3c,3cr') && is_home()) easel_get_sidebar('right');
    
    }
    ?>
    		<div class="clear"></div>
    	</div>
    	<div id="subcontent-wrapper-foot"><?php do_action('easel-subcontent-wrapper-foot'); ?></div>
    </div>
    <div id="content-wrapper-foot"><?php do_action('easel-content-wrapper-foot'); ?></div>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Everything is aligned left,Left menu is as wide as the page and Right menu no where to be found…. Am I supposed to copy ALL of the .php files from original if I am trying to achieve the same look?

    WPyogi

    @wpyogi

    Forum Moderator

    You have some problems in the style.css file – change it to this:

    /*
    Theme Name:     Easel Child Theme
    Theme URI:      http://artattackfx.com/fl
    Description:    Child theme for the Easel theme
    Author:         mnm82
    Author URI:     http://artattackfx.com/fl
    Template:       easel
    Version:        3.5.1
    */
    
    @import url("../easel/style.css");
    
    body.home .narrowcolumn {
            width: 550px;
    }

    Make sure you clear your browser cache after changing that file.

    Alright, I need serious help 🙁

    What does this mean? Nothing is showing up…

    Fatal error: Cannot redeclare easel_setup() (previously declared in /home/artattac/public_html/fl/wp-content/themes/easel-child/functions.php:63) in /home/artattac/public_html/fl/wp-content/themes/easel/functions.php on line 88

    esmi

    @esmi

    Forum Moderator

    You cannot copy a function from the parent theme into the child. If you need to amend the function’s output, you’ll need to look at another approach – such as using a filter. I’m not that familiar with Easel, so I can’t give you any specifics, I’m afraid.

    After finally getting a child them uploaded I tried to re-do and now its telling me

    “The theme is missing the style.css stylesheet.”

    This is my style sheet and the only thing I have in my child folder:

    /*
    Theme Name: Easel Child Theme
    Theme URI: http://artattackfx.com/fl
    Description: Child theme for the Easel theme
    Author: mnm82
    Author URI: http://artattackfx.com/fl
    Template: easel
    Version: 3.5.1
    */
    @import url(“../easel/style.css”);
    .narrowcolumn {
    width: 750px;
    }

    body.home .narrowcolumn {
    width: 550px;
    }

    I then zip this file to upload as a Theme because it does not just show up in themes automatically like all the tutorials say it should :/

    Spending Hours trying to figure this out. What am I doing wrong?

    Theme Author Frumph

    @frumph

    What is the name of the zip file, what is the name of the file inside the zip file? is it style.css ?

    Are you able to FTP into your hosting? using an FTP program like winscp ?

    Zip file = easel-child

    File inside zip file = style.css

    Using FileZilla

    Theme Author Frumph

    @frumph

    well just FTP into your wp-content/themes/easel-child/ directory, check whats there, if nothings there ftp over that style.css you created, also copy over the layout-foot.php as explained above

    If you are using the default style you should probably import that as well directly under the other import

    @import url("../easel/style-default.css");

    I cant drag and drop the child folder onto my ftp?

    On my Desktop:

    1. I have the WP Install Folder
    2. I have the child them folder in the “wp-content/themes” folder
    3. In the child folder I have style.css looking like this:

    /*
    Theme Name: Easel Child Theme
    Theme URI: http://artattackfx.com/fl
    Description: Child theme for the Easel theme
    Author: mnm82
    Author URI: http://artattackfx.com/fl
    Template: easel
    Version: 3.5.1
    */
    @import url("../easel/style-default.css");
    
    .narrowcolumn {
    width: 750px;
    }
    
    body.home .narrowcolumn {
    width: 550px;
    }

    and the layout-foot looking like this:

    <?php if (!easel_sidebars_disabled()) easel_get_sidebar('under-blog'); ?>
    		</div>
    		<div id="content-foot"></div>
    <?php
    if (!easel_is_signup() && !easel_sidebars_disabled()) {
    	if (easel_is_layout('3cl,3cr')) easel_get_sidebar('left');
    	if (easel_is_layout('2cr,2crw,3c,3cr') && is_home()) easel_get_sidebar('right');
    }
    ?>
    		<div class="clear"></div>
    	</div>
    	<div id="subcontent-wrapper-foot"><?php do_action('easel-subcontent-wrapper-foot'); ?></div>
    </div>
    <div id="content-wrapper-foot"><?php do_action('easel-content-wrapper-foot'); ?></div>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    I then try to drag the “easel-child” folder into the FTP site “themes” folder where the original “easel” theme is located as well.

    It does not let me drop files in. Not as originals, not in a folder and not even as a zip.

    Alternative:

    I upload the .zip file through Dashboard… “install themes” upload and I still get the following:

    Installing Theme from uploaded file: easel-child.zip
    Unpacking the package…

    Installing the theme…

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

    Theme install failed.

    Theme Author Frumph

    @frumph

    .. not my problem about not being able to drag folders over, need to contact your hosting on that.

    Could be an ftp ownership permission issue that they would have to fix.

    Sorry, Not blaming you, just trying to get advice if I was doing something wrong 🙁 Thank You.

Viewing 15 replies - 1 through 15 (of 31 total)
  • The topic ‘[Resolved] Remove right side bar ONLY on certain pages and expand width of content?’ is closed to new replies.
Skip to toolbar