Support » Themes and Templates » Theme: Gommero, Remove Side Bars and Widen Text

  • I am using the Gommero (free version) theme and want to completely remove the side bars from all pages (my home page never had a side bar) and widen the text and use the whole page. My site is for a small business and I have absolutely no use for the sidebars. I was able to remove the “Comments” box from the bottom of pages, but trying similar methods to remove the sidebar has not worked. I can remove all text from the ‘sidebar.php’ file and nothing shows up where the sidebar was, but it is empty unusable space now. I want to be able to use the entire width of the page for page content. Any help would be greatly appreciated. Thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You will probably need to start customising your theme’s template files & CSS via a child theme.

    Thanks. I still don’t know what I would need to change or modify from my existing theme’s CSS or .php files to accomplish my goal. Instead of creating a child theme is there any way to modify the theme’s existing CSS because I want the change to apply to all pages? Or are there .php files that I will need to edit for this to work? If I did create a new child theme, what code would I need to put in to remove the sidebar and be able to use the entire width of the page?

    If you simply want to modify the theme’s CSS, you can achieve this using a custom CSS plugin or installing a plugin like Jetpack that has a custom CSS module. However, removing the comment form & sidebars from your site would mean creating more than 1 customised theme template file – and that would require a custom child theme. You’d probably also need to add some new CSS to your child theme to widen the content area to make use of the space left by the “missing” sidebar.

    It’s all do-able but it’s not a quick job. It would take a little time and some CSS tweaking.

    Thank you very much for your help. I am creating a child template, but I’m still confused as to which lines of code need to be removed from, modified, or added to the child theme to accomplish this. I have tried several things mentioned in other posts but am not having any luck.

    Theme Name: Gommero Child
    Description: Test Child Theme of Gommero for full page width
    Template: gommero
    Author: Riley Hayes

    @import url(“”);

    #site-title a { width:910px; }

    Am I even close?


    @import url("");


    @import url(../gommero/style.css");

    Other than that, it all looks fine to me. I’d recommend using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Theme: Gommero, Remove Side Bars and Widen Text’ is closed to new replies.