Sidebar Color Change Help Required

You can try adding this CSS to your custom CSS:

.td-page-wrap .row-fluid .span4 {
    background-color: #ccc;
    padding: 15px;
}

I added some padding so the sidebar content isn’t right up to the edge of the sidebar. You’ll have to play around with the background-color value to get the shade of gray that you want.

Sorry for being late. I actually never thought someone would reply to this as no one did for few days after i posted this question.

I really appreciate your help Mr. Crouchingbruin, However I can not figure it out where exactly shall i paste this code?

there is an option of sidebar in css editor in wordpess but i dont know where shall i paste this code. I tried to paste this code at the end of the sidebar.php but after i paste this code there, all my side bar content was hide.

Please help if you can.
Regards

No, CSS code does not belong in any of the .PHP files. In fact, you should not be making any changes to the theme files. If the theme gets updated because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. You have the JetPack plugin installed, and it looks like the Custom CSS option is activated. To check, go to Jetpack → Settings and look at the line for Custom CSS to make sure it is active. If so, you should see an option in the Appearance menu called Edit CSS. Click on that option, and then copy & paste that rule at the end of the editor field.

Thank you so very much for the help Mr. Crouchingbruin, I can not be more happy. I know I may be annoying now but if you please spare two more minutes from your precious time and visit the link below. You can see that after i was done pasting code where you told me the color of the sidebar has beautifully changed but there is lots of space to the right and top of the sidebar.

Can you please give me one more answer and help me how can i minimize this margin and move sidebar to the right a bit so there is space between sidebar and post content? Also If I could change the color of text on sidebar as well just like we did for sidebar.

https://www.rawandsmackdown.com/2015/03/21/jey-uso-suffered-injury-on-smackdown/

But If you are busy and do not have time to help me, I will still be thankful to you my whole life for what you did for me. I appreciate and respect.

Regards

And how come it changed the color of my homepage as well where it is a static page i did not have any sidebar there but still after the code been pasted it changed the color of homepage as well.

how can i minimize this margin and move sidebar to the right a bit so there is space between sidebar and post content?

You can add this rule:

.td-page-wrap .row:first-child .span12:first-child .td-grid-wrap:first-child .container-fluid:first-child {
   padding-right: 35px;
}

Decrease the value to move the sidebar more to the right. The value of 35px is what is currently in effect.

change the color of text on sidebar

Change the first rule that I gave you to this:

.td-page-wrap .row:first-child .span12:first-child .td-grid-wrap:first-child .container-fluid:first-child .span4 {
    background-color: #ccc;
    padding: 15px;
    color: #4b4b4b;
}

The color value of #4b4b4b is what is currently in effect (a dark gray). Change that value to whatever color value that you want.

And how come it changed the color of my homepage as well where it is a static page i did not have any sidebar there but still after the code been pasted it changed the color of homepage as well.

Can you post a link to a page which does not have a sidebar? One of the unfortunate things about the theme that you are using is that it doesn’t assign unique IDs like most other themes to basic elements like sidebars, so you have to create complicated selectors which might not work on every page if the pages are different in structure.

Thank you very much sir, May God Bless you, and I completely appreciate it.

Cheers!!!