Making 2011 theme fit screen

  • Hi,

    I apologise if these have been covered before. I am a complete novice who has inherited the updating of our local website: https://www.herongteandingravepc.org.uk

    I have a couple of questions:

    1) I would like to get the theme to fit the whole of my screen, I have tried numerous fixes found here and on the web none of which seem to work.

    2) I would like the menu items to highlight individually when the curser is over the top. At the moment it all highlights which I think could be confusing.

    Any help would be gratefully recieved.

    p.s. Please be gentle, my HTML knowledge is basic with a capitol B

Viewing 15 replies - 1 through 15 (of 17 total)
  • Thread Starter cllrnamor

    (@cllrnamor)

    Apologies, that is herongateandingravepc.org.uk

    You can get close to that by adding this to the end of your child theme’s style.css:

    #page {
	 max-width: 100%;
}
    Thread Starter cllrnamor

    (@cllrnamor)

    Thanks for getting back, I have tried this before and it has no effect either that or i am doing something wrong.

    Did you add it at the end of the style.css file?

    Thread Starter cllrnamor

    (@cllrnamor)

    Hi,

    This is where i put it:

    #ie7 article.intro {
    margin-left: -7.6%;
    margin-right: -7.6%;
    padding-left: -7.6%;
    padding-right: -7.6%;
    max-width: 1000px;
    }
    #ie7 section.featured-post {
    margin-left: -7.6%;
    margin-right: -7.6%;
    max-width: 850px;
    }
    #ie7 section.recent-posts {
    margin-right: 7.6%;
    }

    /* removes the gaps from the background of sidebar */
    #access {
    margin: none;
    }

    #page {
    max-width: 100%;
    }

    Is this correct?

    I do not see it there when I load the page. Did you remove it?

    Thread Starter cllrnamor

    (@cllrnamor)

    Nope!

    I think I must be doing it in the wrong place, I am doing it through the theme editor on the dashboard. I take it this is incorrect?

    That should be correct. When I look at the stylesheet on the page, it does not include the parent theme’s stylesheet even though the comment at the top says it is for a child theme.

    What is your active theme?

    Thread Starter cllrnamor

    (@cllrnamor)

    The site is a child of the 2011 theme

    Is the theme name HIPC? Please check it in the Appearances tab.

    Thread Starter cllrnamor

    (@cllrnamor)

    Yes sorry thats the name

    When you add the code are these the steps you follow?

    1. Log In.
    2. Go to Appearance->Editor.

    If so, check to see that the theme name in the box for ‘Select theme to edit:’ says ‘HIPC’, and that the line beneath the ‘Edit Themes’ title says ‘HIPC: Stylesheet (style.css)’

    Thread Starter cllrnamor

    (@cllrnamor)

    Yes that is exactly what I have edited, then saved the changes. Even then when I check the site it is still the same. Thanks for all your help on this, it is much appreciated

    OK, I wonder if your child theme is not set up correctly.

    Please try this:

    1. Go to Appearance->Editor.
    2. In the dropdown by ‘Select theme to edit:’, select ‘Twenty Eleven’.
    3. Click ‘Select’.
    4. Make your change to the end of that style.css file.
    5. Click ‘Update File’.

    See if that makes a difference.

    Thread Starter cllrnamor

    (@cllrnamor)

    Have done that and no change im afraid, I am completely stumped

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Making 2011 theme fit screen’ is closed to new replies.