Main Side Bar Widgets

To increase the sidebar width, you can add th following code in stylesheet file:

.col-300 {
width: 31.914893617021%;
}

increase the as much width as you want, but respectively you have to decrease the width of content area or vice-versa.

2. To center the sidebar, add the following code in stylesheet:

.widget-wrapper{
text-align:center;
}

3. To make the calender in center, add the following code in stylesheet:

#calendar_1{
margin:0 auto;
}

4. If you want to change the font type and size, apply that font on that particular class or id whose font type you want to change.

Sorry, since this is my first website, I have the following questions:
1. How do I find the stylesheet (I actually want to decrease the width of the sidebar)?
2. I don’t understand your #4 at all?
3. For the future, I need to learn how to interpret the *.css (I assume that is the stylesheet) and *.php files. Can you give me a link to explain those files?

Thank you for your help,
Evelyne (Give up)

1. You can find stylesheet file in your theme directory in the path: wp-content->Themes->responsive->core->css

2. If you want to change the title of sidebar, then use firebug to check that which class or id is used. Like if you want to change the title, class used for sidebar widget title is widget-title. Then the css code will be:

.widget-title{
font-size:14px;
}

3. Can you please elaborate what exactly you want to ask. Sorry i couldn’t get it.

hello,
You can change the sidebar as you wish by simply changing stylesheet from wp-content->Themes/responsive/core/css/style.css.
and make changes like

-if u wn increase the sidebar width then edit the width as
.col-300 {
width:35%;//or any width
}
bt same time you need to change or decrease the width of content area too.

– if you wn change title sidebar widget then you can ue foll
.widget-title h3{
font-size:15px;
color:red;

}

– if you want to display your content to center then
you can use
.widget-wrapper{
text-align:center;
}

Thank you both!
I still can’t find the *.css file for the sidebar; could you give me the complete URL?
I volunteered to do my homeowners association website; WordPress is much more difficult then Microsoft Front Page used to be. I like what I did so far, it was not as easy as I thought. I still don’t have the contact page working and I do not like the sidebar.
I have 3 widgets on the right sidebar: I paper boy image with a link to the latest Newsletter, a spider calendar, and a thermometer. They are all spaced to far apart lengthwise and I would like to make the sidebar narrower in width. I do not use the title for the first 2 widgets; but I would like to change the size of the font for the title of the thermometer, it is too large.
I developed the website on my Windows 7 computer. I tried to bring it up on my RT tablet and the background of the main pages and the other background is all black. It is supposed to be white for the pages and a tiled image for the other background. Also I cannot get rid of the documents that are created in a separate window because the RT does not have any tabs? I have not even tried it on my smartphone yet.
As you can see, I guess I am a bit overwhelmed!
Thanks, Evelyne

There is not separate stylesheet for sidebar. There is only one stylesheet which is in the path:
wp-content->Themes->responsive->core->css->style.css
Just add the code given below at the rnd of style.css file:

.widget-wrapper{
text-align:center;
}
#calendar_1{
margin:0 auto;
}

If you really want to help, read my post in its entirety! When I use wp-content->Themes->responsive->core->css->style.css, I don’t get anywhere! My website is at https://05c.7a0.myftpupload.com/wp-admin. I can get to some style sheet by using the editor under Appearance; however, that file warns me not to make any changes there, because they will be overwritten with the next update. So I still don’t know what I am doing. I wish I would have never used WordPress. Now that I almost got the website working, except for the items above, I am stuck and can’t finish it.
Real disappointed,
Evelyne

Hey, sorry about that i misunderstood your question.
1. You can go to this path only when you have cpanel or ftp credentials.
2. If you don’t have these credentials then, in your Dashboard go to appearance->Theme Options.

Here you will see many tabs like: Theme Eleements, Logo Uplaod. You can find here the CSS styles tab also. Click on that and you can add your stylesheet here.

OK, on the CSS styles tab I entered:
.widget-wrapper{
text-align:center;
}
That centered 2 widgets; Image and Calendar. It did not move the thermometer. I also tried the make the text of the thermometer title smaller to no avail. I entered widget-title{
font-size:8px;
}

I checked it. Your css for widget-title is applied on that class. But th problem is title is under <h3> tag. So the correct should be:

.widget-title h3{
font-size:8px;
}

Note: Don’t use dot(.) with h3 like widget-title because h3 is an HTML tag.
For thermometer image:

#text-2 .textwidget img{
margin:0 auto;
}