Changing from Full Width Blog to Default Size in 2011 Theme

  • madisunanne

    (@madisunanne)


    10 years, 10 months ago

    Hello,

    I am trying to revamp my blog a bit…
    http://www.aninchofhope.com

    I want to change the full width of my blog to the default size.

    I went into my 2011 Child Theme & deleted this code.

    /* Menu Fix to Full Width */
body {
padding: 0 0;}

#page {
max-width: none;
}

#branding, #main, #footerMenu ul {
width: 1000px;
margin: 0 auto;

    However, my blog moved all the way to the left.
    I attempted to find a thread on how to fix this, but to no avail…

    If anyone is able to offer assistance, I would greatly appreciate it.

    Thank you,
    madisunanne.
    <3

Viewing 14 replies - 1 through 14 (of 14 total)
  • esmi

    (@esmi)

    10 years, 10 months ago

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    I have added Firebug, but I am not certain how to use it for the aforementioned troubleshooting.

    I do not know what I am looking for…

    Any other help?

    Thank you,
    madisunanne.
    <3

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Are you trying to go back to what the twentyeleven theme has natively?

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    @wpyogi,

    Yes, I am trying to go back to the original twentyeleven theme.

    I have deleted the above code from my child theme, & when I do, it goes back to its original width. The problem I am having is that my blog is now justified to the left (including the center & sidebar). I tried to find code via this forum to center my blog, but nothing worked when I tried it.

    So I guess I am requesting the code to center your blog in the default width size…

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Try switching back to the twentyeleven theme to see if it does what you want there.

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    @wpyogi,

    I deleted the CSS adjusting to wide width, but as you can see, I am still stuck w/my blog being justified to the left.

    What CSS code should I add to center justify it?

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Did you switch to the twentyeleven theme? That will tell us where the problem is…

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    No, I will do that now.

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    I just activated the twentyeleven theme.

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    The reason I’m suggesting that is that you should not need to add anything new to the child theme to repair or regain what is already there is the parent theme. If it’s not aligned correctly, then something in the child theme is causing that – so that’s what you want to find.

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    So is that how you want it?

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    Yes, that is how I want it. =)

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    *Of course, with all the other changes I’ve made in the child theme added…

    Thread Starter madisunanne

    (@madisunanne)

    10 years, 10 months ago

    @wpyogi,

    Through trial & error, I started taking out CSS code in my twentyeleven child theme. Eventually, my blog recentered as a result of taking out this code: 

    /* Space Removal Above Header */
#page {
        margin: 0;
        max-width: 1000px;
}

    Now to figure out how to remove the space above the header w/o moving the entire blog to the left…

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Changing from Full Width Blog to Default Size in 2011 Theme’ is closed to new replies.