• 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?

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

    Thread Starter mankiboy

    (@mankiboy)

    Thanks Aditya, will try these those things ASAP.

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

    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.

    Thread Starter mankiboy

    (@mankiboy)

    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!

    Can you me link to your site?

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

    Don

    OK, I figured it out myself.

    Don

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Few customizing questions’ is closed to new replies.