Georgia Lou Studios

Welcome to the Help Center!

Blogger Layout Fix

Follow

This article covers how to fix the recent changes to the Blogger Dashboard view affecting the Layout page which makes it difficult to access and edit some widgets.

This fix requires that you edit the HTML of your Blogger template. We recommend you back up a copy of your current template setup prior to attempting any edits to the HTML. If you need help backing up your template, see this article.

Please find the section of code in Step 7. for your template as the fix will vary somewhat for each template.

NOTE: For our simpler style templates - Addison Smith & Aurora - we are unable to edit the Layout page styles because they use the older version of the Layout page. You will need to drag widgets into another area to edit them until Blogger fixes this issue.

The Fix

1.Sign in to Blogger and navigate to the Theme page.

2. Click the gray Edit HTML button to open the template code window.

3. Click anywhere in the code area then press the [Control + F] or [Command + F] (Mac) keys to open the Search box.

4. A small search box will open in the upper right corner of the code area.

5. Enter the following search term and press the [Enter] key to search: Layout

6. You will find a piece of code that looks like this:

/**************************
Layout
***************************/

7. In the blank line below the Layout header, copy and paste the following code. Find your template for the correct code:

Felicity, Sophie, Phoebe, Kiersten, Heyden, Peyton

body#layout {
width: 100% !important;
max-width: 100% !important;
}
#layout #top-social-search {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
}

Ashleigh

body#layout {
width: 850px !important;
max-width: 850px !important;
}
#layout #top-social-search,
#layout #header,
#layout #mmenu {
width: 850px !important;
max-width: 850px !important;
min-width: 850px !important;
}

Victoria, Justine

body#layout {
width: 850px !important;
max-width: 850px !important;
}
#layout #top-social,
#layout #header,
#layout #top-search,
#layout #mmenu  {
width: 850px !important;
max-width: 850px !important;
min-width: 850px !important;
}

Natasha

body#layout {
width: 850px !important;
max-width: 850px !important;
}
#layout #top-social,
#layout #header,
#layout #top-search,
#layout #mmenu,
#layout #above-content  {
width: 850px !important;
max-width: 850px !important;
min-width: 850px !important;
}
#layout #sidebar-wrapper {
float: left !important;
width: 250px !important;
max-width: 250px !important;
}
#layout #content {
width: 600px !important;
max-width: 600px !important;
}

Jolie

body#layout {
width: 850px !important;
max-width: 850px !important;
}
#layout #top-social-search,
#layout #header,
#layout #mmenu,
#layout #slider {
width: 850px !important;
max-width: 850px !important;
min-width: 850px !important;
}

8. Click the orange Save Theme button at the top of the page.

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk