Need help with changing header width and sidebar width (theme: Responsive)

• 

  sgbasu · Member · Jan 27, 2015 at 1:20 am

  • Copy link
  • Add topic to favorites

  I am looking for help with the following-

  1. Change width (make it thinner) of the right sidebar in the ‘blog’ section.

  2. Make the header stretch wider.

  3. When I click an individual blog post, the contents of the sidebar shows up at the bottom of the post. I need them to stay as a right sidebar.

  Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  nizamilputra · Member · Jan 27, 2015 at 2:44 am

  • Copy link

  Hi there,
  Let me try to help you.

  1. Change width (make it thinner) of the right sidebar in the ‘blog’ section.

  .blog .col-620 {
    width: 71.957447%;
  }
  .blog .col-300 {
    width: 25.914894%;
  }

  2. Make the header stretch wider.

  #logo > a,
  #logo img{
    width: 100%;
  }

  3. When I click an individual blog post, the contents of the sidebar shows up at the bottom of the post. I need them to stay as a right sidebar.

  .single .col-620 {
    min-width: 71.957447%;
  }
  .single .col-300 {
    width: 25.914894%;
  }

• 

  sgbasu · Member · Jan 27, 2015 at 4:58 am

  • Copy link

  Thank you so very much! All of it worked perfectly.

  One more question-
  The footer text in the “blog” section does not align properly.

  Can I move all the text to the left side and keep only the social media buttons on the right?

  Thanks again!

• 

  nizamilputra · Member · Jan 27, 2015 at 7:27 am

  • Copy link

  Lets try to add this;

  #footer .scroll-top,
  #footer .copyright,
  #footer .powered {
    width: auto;
  }

• 

  sgbasu · Member · Jan 28, 2015 at 4:30 pm

  • Copy link

  Thank you so much!

  I was hoping they would stack up on top of each other. Guessing thats not possible?

  If I were to have the footer in “Blog” section just as it is on the “Home” page, do you know what code I could use?

• 

  nizamilputra · Member · Jan 28, 2015 at 11:18 pm

  • Copy link

  You mean like this? https://cloudup.com/cxKqqzNHWYo. And it apply to all pages?

• 

  sgbasu · Member · Jan 28, 2015 at 11:22 pm

  • Copy link

  Yes, like that. Except the scroll_top can stay in the middle.

  And apply to all pages.

  Thanks so much for all your help :), really appreciate it!

• 

  nizamilputra · Member · Jan 28, 2015 at 11:29 pm

  • Copy link

  Here the css;

  #footer .scroll-top,
  #footer .copyright,
  #footer .powered,
  .blog #footer .scroll-top,
  .blog #footer .copyright,
  .blog #footer .powered {
    width: auto;
    display: block;
    float: none;
  }
  
  #footer .copyright,
  #footer .powered,
  .blog #footer .copyright,
  .blog #footer .powered{
      text-align: left;
  }
  
  #footer .scroll-top,
  .blog #footer .scroll-top{
     text-align: center;
  }

• 

  sgbasu · Member · Jan 28, 2015 at 11:32 pm

  • Copy link

  Awesome! Looks perfect.

  THANKS!

• 

  nizamilputra · Member · Jan 28, 2015 at 11:44 pm

  • Copy link

  You are very welcome :)