FIX | CHANGE SIDEBAR LAYOUT WIDTH IN CUSTOM TEMPLATES MANUALLY (BLOGGER) - THEMEXPOSE EDITION - MRNIAMSTER

Advertisement

Post Top Ad

FIX | CHANGE SIDEBAR LAYOUT WIDTH IN CUSTOM TEMPLATES MANUALLY (BLOGGER) - THEMEXPOSE EDITION

Share This
Have you recently installed in blogger template ? but have you seen any error like

As you can see my sidebar is not properly showing in my website ,so one thing to remeber here is you can fix this by CSS.
i was surfing internet from like 20-3 hrs lol but still din't got the solution , until i have to do it on my own way , so iam showing you how to change the layout of your custom template theme,
Instructiosn:
1.first go to your EDI THEME and search for #sidebar
2.now , most custom template use different class name , like for me here its #sidebar 
but scroll up until you see 
                                                      /********************************/
/*** Widget Area ***/
/********************************/
so that right place now copy the widget area code :
you will something like this : 
#widget-area {
overflow:hidden;
margin-bottom:60px;
border-top:1px solid #e5e5e5;
padding-top:60px;
}

#widget-area .footerwidget {
float:left;
}
#widget-area .widget, #sidebar .widget {
float: left;

    width: 100%;
}
#widget-area #container3 {
margin-right:0px;
}
#sidebar .widget {
    float: left;
  
    margin-bottom: 45px;
   
    text-align: center;
}


div#sidebar h2 span {
    border-color: #707070;
    background: none;
    padding-top: 0;

}


#sidebar img {
max-width:100%;
}
#sidebar iframe {
max-width:240px;
}

.widget:last-child {
margin-right:0;
}


3. now find the code 
#sidebar iframe {
max-width:240px;

4.now change the max-width to like 640px:;
#sidebar iframe {
max-width:640px;


5. thats it , now click on save template and check , your sidebar is now working :)

RESULT:

thanks, if need any help , comment below  ♥


No comments:

Post a Comment

Post Bottom Ad