WordPress.org

Ready to get started?Download WordPress

Forums

Pachyderm
wider post area. (7 posts)

  1. ibloggerr
    Member
    Posted 2 years ago #

    Hello :)

    I have been trying to enlarge the posts area in the theme by making changes to the stylesheet.css file but I haven't managed to edit it correctly.

    I have previously edited the theme and it worked perfectly but I have forgotten the steps I have followed and I lost the change after the update.

    Heres an example
    http://www.ibloggerr.com/

    Whenever I try to change the size of the content section, the sidebar automatically goes under it. I have tried to change the alignment but nothing changed.

    Heres the change i've made (under the posts section in stylesheet.css)

    `#main {
    float: left;
    margin: 0;
    position: relative;
    width: 750px;
    }

    Hope you can help :)
    Thanks

    http://wordpress.org/extend/themes/pachyderm/

  2. ibloggerr
    Member
    Posted 2 years ago #

    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 :)

  3. Caroline Moore
    Member
    Theme Author

    Posted 2 years ago #

    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.

  4. maiabbq
    Member
    Posted 2 years ago #

    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!

  5. Caroline Moore
    Member
    Theme Author

    Posted 2 years ago #

    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.
    }
  6. udaraaka
    Member
    Posted 2 years ago #

    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;
    }

  7. maiabbq
    Member
    Posted 1 year ago #

    Perfect, it's fixed! Thank you so much!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags