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

  • Resolved strasse

    (@strasse)


    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

    http://wordpress.org/extend/themes/catch-box/

Viewing 15 replies - 1 through 15 (of 22 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Could you post a link to your website, please?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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
    http://codex.wordpress.org/Child_Themes
    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:
    .page-template-page-disable-sidebar-php

    Hi,

    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?

    thanks!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    2) Try this

    #content{
     padding: 0 5% 2em 2%;
    }

    stays the same

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Oops I meant this

    .hentry{
     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 🙁 )

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try

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

    Does this work?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    And
    wait 1 sec

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