I have managed to solve this problem but the menu section in the theme disappeared!
here are the changes I have made
From the content section
/* =Content
———————————————– */
#page {
margin: 0 auto;
position: relative;
width: 1000px;
From the content and active sidebar section
/* =Content with active sidebar—————–*/
body.active-sidebar-primary-sidebar #page {
width: 1000px;
}
and finally, from the posts section
/* =Posts
————————————————————–*/
#main {
float: left;
margin: 0;
position: relative;
width: 750px;
}
I have made this change in order to display the sidebar in line with the content section or posts area.
Thanks in advance 🙂
First, ensure you’re making all changes in a child theme to avoid losing your work again.
Do you still have a menu assigned in Appearance -> Menus? I don’t see why the above CSS changes would have caused the menu to to disappear. It doesn’t appear you have any menu content assigned.
If that doesn’t work, I would reinstall the original theme, then create a child theme and add your CSS there. This makes it much easier to troubleshoot as you’re working, too.
Hi! I have followed ibloggerr’s steps for making this beautiful blog a little bit wider! And everything worked great, the only thing I can’t figure out is how to make the sidebar a little wider. Right now there is a big gap between the post and the side bar. I want to make the gap smaller and the sidebar wider. Similarly to how ibloggerr did here, http://www.ibloggerr.com/
Can anyone help!? =)
Thank you!
You probably need to increase the width of the sidebar by adding something like the following to your child theme’s style.css:
.sidebar {
width: 220px; //Or however wide you want it to be.
}
Simple You have to change 2 values.
First in http://www.ibloggerr.com/wp-content/themes/pachyderm/style.css
First in line 645 make
width: 750px; (increase this with required amount for example 850px)
Then find the line 393 and add the required amount of px for parent element. For example(replace line 393 with width: 1100px;)
body.active-sidebar-primary-sidebar #page {
width: 1000px;
}
Perfect, it’s fixed! Thank you so much!!
