WordPress.org

Ready to get started?Download WordPress

Forums

Sugar and Spice
[resolved] Side Bar (14 posts)

  1. addmixstir
    Member
    Posted 7 months ago #

    Can the sidebar be moved from the right to the left?
    http://www.curvyfitmum.com

    Also my widgets are to large or the side bar is too small

    how do i adjust the size to make it fit?

    Thanks

  2. kaniamea
    Member
    Posted 7 months ago #

    Regarding your queestion how to adjust the size of the sidebar to make it fit:
    Create a child theme of your Sugar & Spice theme http://codex.wordpress.org/Child_Themes

    Then edit the CSS of your child theme like this:

    from

    #sidebar {
        width: 300px;
        float: right;
    }

    to

    #sidebar {
        width: 400px;
        float: right;
    }

    This will make the sidebar width a bit bigger. You can adjust the width as you like. In this example I changed it from 300px to 400px.

    Then change the page width:

    from

    #page {
        width: 1008px;
        margin: 2em auto 0;
    }

    to

    #page {
        width: 1108px;
        margin: 2em auto 0;
    }

    This will increase the page width. You can adjust the width as you like it too.

  3. kaniamea
    Member
    Posted 7 months ago #

    And regarding your other question, switching the sidebar from right to left. Again once you have your child theme set up do the following changed to your CSS file in addition to the changes mentioned above:
    from:

    #primary {
        width: 600px;
        float: left;
    }

    to

    #primary {
        width: 600px;
        float: right;
    }

    and

    #sidebar {
        width: 300px;
        float: right;
    }

    to

    #sidebar {
        width: 300px; // or the width you put here
        float: left;
       clear:left;
    
    }
  4. addmixstir
    Member
    Posted 7 months ago #

    I'm quite clueless on how to create a child theme. I can do the rest but Im stuck at creating a child theme.

  5. addmixstir
    Member
    Posted 7 months ago #

    Im clueless as to how to create a child theme

  6. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    See the link posted above. What part are you stuck on? If you are only going to modify CSs, you can just add that CSS to the custom CSS.

  7. addmixstir
    Member
    Posted 7 months ago #

    how do you create a child them??? I'm online and all i see are video telling me i need a ftp. What custom CSS???

    do i just go into editor and cut and paste the above info?

    what happens when wp does an update? will i lose all my customizations?

    sorry to be a pain

  8. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    JetPack has custom CSS - under Appearance > Edit CSS.

    So yes, try putting the above code in that part.

    Creating a child theme does require you to access your site files on the server directly (not via WP Dashboard) - using FTP is one way to do that. You'd need to get that set up with info from your hosting company - it's not part of WP. See also:

    http://codex.wordpress.org/FTP_Clients

  9. addmixstir
    Member
    Posted 7 months ago #

    i added the info to the style css and nothing happened

    when i went to jetpack it said i didn't have permission

  10. Andrew
    Forum Moderator
    Posted 7 months ago #

    There's no Child Theme set up on your site

  11. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    If JetPack CSS isn't working, just use another custom CSS plugin - this one is good:

    http://wordpress.org/plugins/custom-css-manager-plugin/

  12. addmixstir
    Member
    Posted 7 months ago #

    ok I've downloaded that plug in…..do i now just input the above css changes on each line

  13. addmixstir
    Member
    Posted 7 months ago #

    this is what i added to that plugin

    #sidebar {
    width: 400px;
    float: right;
    }
    #page {
    width: 1108px;
    margin: 2em auto 0;
    }
    #primary {
    width: 600px;
    float: right;
    }
    #sidebar {
    width: 300px; // or the width you put here
    float: left;
    clear:left;

    }

  14. addmixstir
    Member
    Posted 7 months ago #

    thanks…. it worked! your a life saver

Reply

You must log in to post.

About this Theme

About this Topic