Widgets: padding and fonts

Hi Diane. The footer widgets font size is being set elsewhere by the theme using the same selectors (.footer-widgets .widget). To override that we just need to target the elements more specifically. We do that by adding another selector. Give this a try:

.footer-widgets .inside-footer-widgets .widget {
    font-size: 12px;
}

You mentioned wanting to learn more about CSS. Here are three articles that explain more about CSS and how it is applied. Good references:
http://www.htmldog.com/guides/css/beginner/
http://www.w3schools.com/css/default.asp
http://www.w3.org/Style/Examples/011/firstcss.en.html

Thank you bdbrown.

That has worked for my footer widgets, however it´s the sidebar widgets I am most interested in altering. Having followed the directions given earlier in this thread the sidebars are just not changing at all.

Hey, I´ve done some exploring and accidentally on purpose managed to alter my sidebars.

I did it by right-clicking on one of my sidebar widgets and ´Inspect Element´. From there I found the applicable code, copied to Edit CSS and changed what I wanted to, then previewed before saving.

This is probably second nature to you guys but completely new to me, I never even knew what Inspect Element meant before just now lol. Anyway, I´m a little bit pleased with myself.

Thank you Tom and bdbrown for helping me so far. You led me to explore an area of website-building I´ve never been before.

That's awesome, Diane! :)