WordPress.org

Ready to get started?Download WordPress

Forums

Stitch
Few customizing questions (8 posts)

  1. mankiboy
    Member
    Posted 11 months ago #

    Hello,

    First of all, I want to say your theme is clean n' neat. I love it.

    However, I want to do few changes.

    1) Is it possible to make the sidebar appear on the right side instead of left?

    2) I tried to change sidebar color as well, but the menu (links) turned out pretty light coloured, so i would most likely want to change them as well. But from where?

    3) Is it possible to squeeze sidebar little shorter? I tried it from:

    #masthead:before {
    background: url('images/background.jpg');
    background-attachment: fixed;
    background-size: 400px auto;
    box-shadow: 1px 0 3px 0 rgba(0,0,0,.7);
    content: "";
    padding: 1.8em;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: -1;
    width: 316px;
    height: 100%;

    But, the logo didn't move and the beautiful "divider" went missing.

    Any suggestions?

  2. Aditya Pandey
    Member
    Posted 11 months ago #

    First of all, I recommend to use Firebug, to do basic customization by yourself.

    Now, to the point, setup Child Theme.

    1) Is it possible to make the sidebar appear on the right side instead of left?

    Yes. Add the following in your child theme's style.css

    #masthead {
          float: right;
          top: 0;
          right: 0;
    }
    
    #masthead:before {
          left: auto;
          right: 0;
    }
    
    #content {
          margin: 3.6em 42% 0 3em;
    }

    2) I tried to change sidebar color as well, but the menu (links) turned out pretty light coloured, so i would most likely want to change them as well. But from where?

    Add the following in your child theme's style.css

    .main-navigation a {
          color: #fff;
    }

    Change #fff as per your requirement.

    3) Is it possible to squeeze sidebar little shorter?

    Do you mean to reduce height? I'll say no.
    Because the position of #masthead is fixed, so what a user sees is dependent on the size of screen. More screen height = More sidebar height.

    So I recommend to use as less content as possible in sidebar.

  3. mankiboy
    Member
    Posted 11 months ago #

    Thanks Aditya, will try these those things ASAP.

    About the 3rd question. No. I meant more the width of the sidebar.

  4. Aditya Pandey
    Member
    Posted 11 months ago #

    For changing width, add the following in your child theme's style.css:

    #masthead, #masthead:before {
          width: 250px;
    }

    You can change 250px as per your requirement.

  5. mankiboy
    Member
    Posted 11 months ago #

    Thanks Aditya,

    However, I managed to change the sidebar width as well as the logo width, but then my content box went quite crazy. (some free spaced appeared, when I zoomed browser some of the text went missing etc..)

    Maybe you can point out the all the code lines that are necessary to be edited to get the layout working well together.

    Thanks!

  6. Aditya Pandey
    Member
    Posted 11 months ago #

    Can you me link to your site?

  7. dondemaio
    Member
    Posted 7 months ago #

    Aditya, how can I change the background color of the lefthand column?

    Don

  8. dondemaio
    Member
    Posted 7 months ago #

    OK, I figured it out myself.

    Don

Reply

You must log in to post.

About this Theme

About this Topic