How to make blog side bar skinnier?

Discussion in 'ColorWay WordPress Theme' started by coastalbliss, Mar 25, 2013.

  1. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Hello-

    Is there a way to make the sidebar to my blog skinnier? I don't like that it takes up practically a third of the space of the blog post ?

    Thank you !


    http://69.195.124.66/~coastaz9/blog/
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    We are not getting your issue. Please explain with the help of screenshot, and also share the link of your website.
     
  3. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Thank you. Here is my website link http://69.195.124.66/~coastaz9/blog/ . Attached is a screen shot, if you notice the "Sidebar" of the blog on the right hand side has, "Search," and "Categories" that side bar is very wide. I want to make it skinnier (not as wide) so that my blog posts are more full width (I already have selected full width on blog page.) but I want the words to go over further right even and take up more space. I just feel that right side bar takes up so much blank space. I saw a post on how to make a footer wider, so I was wondering if I could make the sidebar narrower?

    Thank you !!!

    http://www.inkthemes.com/community/threads/how-to-make-footer-widget-area-wider.276/#post-859
     

    Attached Files:

  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Go to sidebar.php present in your theme directory and follow the instruction as shown in image given below

    [​IMG]

    Now, go to blog.php present in your theme directory and follow the instruction as shown in image given below

    [​IMG]



    Use same process for others also.

    Now,


    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #searchform #s {
    width: 180px!important;
    }
    .sidebar #searchform {
    width: 190px;
    }
    This will solve your issue.
     
  5. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    hmm I changed all of that as you directed me, it did not decrease the width of the sidebar
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
     
  7. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Support mail sent.
     

Share This Page