Support » Themes and Templates » Catch Box » [Resolved] [Theme: Catch Box] CSS page template no sidebar (3 questions)

[Resolved] [Theme: Catch Box] CSS page template no sidebar (3 questions)

  • Having some troubles with the CSS of this theme… Can someone help me , i have 3 questions

    1.I was wondering how to edit the width of the menu items on a no sidebar template page.

    On a page with sidebar i can put “how do we work” on one line but if i choose a page with template “no sidebar” this menu items is on two lines (not nice)

    2. also, how to edit the position of the title and text on page template no sidebar because by default it is very low and in the middle , i want it higher and on the left

    3. How to change the backgroundcolor of the content pages? I want a background behind my page content


Viewing 15 replies - 1 through 15 (of 22 total)
  • Could you post a link to your website, please?

    1) Your width of each menu item is defined by padding.
    On style.css line 519, you have,

    #branding .default-menu a, #branding ul.menu a, #colophon #access-footer ul.menu a {
    color: #EEE;
    line-height: 3em;
    padding: 0 1.2125em;
    text-decoration: none;

    padding: 0 1.2125em Applies 1.2125em to the left and right of each element.

    If you want to start changing styles, I would recommend creating a child theme for the CSS
    Once you have, let us know so we can help you further.

    To apply your style to pages without sidebars, you’ll need to use CSS selectors with this at the beginning:


    I have made a child theme now and adapted the value to 1.8 and it works
    so problem 1 solved 🙂

    any suggestions for the other probs?


    2) Do you want to remove the gap between the title and text?

    the gap between the top of the content area and the title and the left content area and the title

    if you look at “home”, the title position is more to the left and closer to the nav bar than it is on a page with template no sidebar

    2) Try this

     padding: 0 5% 2em 2%;

    stays the same

    Oops I meant this

     padding: 0 5% 2em 2%;

    still nothing

    I just found out that problem 1 is still on (i watched it on firefox and thought it was fixed but on chrome i still have two lines for my menu item 🙁 )

    Sorry I was looking at the home page (wrong page),

    Use this CSS

    .page-template-page-disable-sidebar-php .singular.page .hentry{
     padding: 0.5em 5% 2em;
    .page-template-page-disable-sidebar-php .singular .entry-header{
     margin: 0;

    looks like nothing is happening, maybe i made a mistake to my childtheme? (never worked with it before)

    I have:

    Theme Name:     catch-box
    Theme URI:      http://example.com/
    Description:    Child theme for the Twenty Eleven theme
    Author:         Your name here
    Author URI:     http://example.com/about/
    Template:       catch-box
    Version:        0.1.0
    .singular.page .hentry{
    padding: 0.5em 5% 2em;
    .singular .entry-header, .singular .entry-content{
    margin: 0;

    I’ve put it in style.css in a subdirectory(with name childtheme) of catch-box (my theme folder)

    is this the right way? cause i have a feeling it’s not working correct


    .page-template-page-disable-sidebar-php .entry-header {
     margin: 0;

    Does this work?

    wait 1 sec

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘[Resolved] [Theme: Catch Box] CSS page template no sidebar (3 questions)’ is closed to new replies.
Skip to toolbar