Changing the Color in the Bottom Widgit

annasimona · Member · Apr 11, 2011 at 4:40 am
Copy link

Add topic to favorites
Please can anybody help telling me where to change colors in the bottom Widgit (Bagground color and text color)?

My CSS is as follows:

body {
font:14px Georgia, Times, Serif;
line-height:1.5;
color:#000000;
}

h1,h2,h3,h4,h5,h6 {
font-family:Arial,Helvetica,Sans-serif;
color:#999999;
margin:0;
}

h1,h2,h3 {
font-family:Georgia,Palatino Linotype,Palatino,”Times New Roman”,Times,serif;
}

h1 {
font-size:50px;
}

h2 {
font-size:24px;
}

h3 {
font-size:20px;
}

h4 {
font-size:18px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px;
}

p {
margin:0;
}

h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {
text-decoration:none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
text-decoration:non;
}

.col-left {
float:left;
}

.col-right {
float:right;
}

.col-full {
width:940px;
margin:0 auto;
}

#navigation {
text-transform:uppercase;
font-size:4px;
background-color:transparent;
}

.nav,.nav ul,#header .menu,#header .menu ul {
z-index:100;
list-style:none;
line-height:1;
margin:0;
padding:0;
}

.nav li,#header .menu li {
float:left;
width:auto;
}

.nav li ul,#header .menu li ul {
position:absolute;
left:-999em;
width:160px;
}

.nav li ul li,#header .menu li ul li {
border:0 solid #d8d8d8;
background:transparent;
border-width:0 1px 1px;
}

.nav li ul li a,#header .menu li ul li a {
width:148px;
line-height:25px!important;
font-size:11px;
color:#555;
padding:0 0 0 10px;
}

.nav li ul ul,#header .menu li ul ul {
margin:-26px 0 0 158px !important;
}

.nav li:hover ul ul,.nav li:hover ul ul ul,.nav li:hover ul ul ul ul,.nav li.sfhover ul ul,.nav li.sfhover ul ul ul,.nav li.sfhover ul ul ul ul,#header .menu li:hover ul ul,#header .menu li:hover ul ul ul,#header .menu li:hover ul ul ul ul,#header .menu li.sfhover ul ul,#header .menu li.sfhover ul ul ul,#header .menu li.sfhover ul ul ul ul {
left:-999em;
}

.nav li:hover ul,.nav li li:hover ul,.nav li li li:hover ul,.nav li li li li:hover ul,.nav li.sfhover ul,.nav li li.sfhover ul,.nav li li li.sfhover ul,.nav li li li li.sfhover ul,#header .menu li:hover ul,#header .menu li li:hover ul,#header .menu li li li:hover ul,#header .menu li li li li:hover ul,#header .menu li.sfhover ul,#header .menu li li.sfhover ul,#header .menu li li li.sfhover ul,#header .menu li li li li.sfhover ul {
left:auto;
}

.nav li:hover,.nav li.hover,#header .menu li:hover,#header .menu li.hover {
position:static;
}

#catnav {
width:620px;
}

#catnav a:link,#catnav a:visited {
display:block;
z-index:100;
line-height:55px;
font-family:Impact, Helvetica, Arial, sans-serif;
text-decoration:none;
color:#fff;
padding:30px 0 0;
}

#catnav a:hover {
text-decoration:underline;
}

#catnav li ul {
margin-top:-15px;
border-top:1px solid #d8d8d8;
}

#catnav li ul a:link,#catnav li ul a:visited {
padding:0 0 0 10px;
}

#catnav li ul a:hover {
color:#000!important;
background:none;
}

#pagenav {
margin-top:40px;
min-width:300px;
}

#pagenav a {
display:block;
z-index:100;
text-decoration:none;
text-transform:uppercase;
font-size:25px;
font-family:impact, Helvetica, arial, sans-serif;
color:#999999;
margin:0;
padding:0 15px;
}

#pagenav li ul a:link,#pagenav li ul a:visited {
font-family:Helvetica, Arial, sans-serif!important;
font-size:14px;
text-transform:none;
border:none;
padding:0 0 0 10px;
}

#pagenav li.rss a {
padding-right:25px;
}

#header {
clear:both;
position:relative;
padding:45px 0;
}

#logo {
margin:-16px 0 0;
}

.site-title {
font:72px/58px Impact,Helvetica,arial,sans-serif;
text-transform:uppercase;
display:block;
margin:0;
padding:16px 0 0;
}

.site-title a:link,.site-title a:visited {
color:#000;
text-decoration:none;
}

#description {
width:620px;
line-height:55px;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
color:#fff;
padding:0 20px 0 0;
}

#header-image {
clear:both;
padding:12px 0 0;
}

#header-image img {
border:5px solid #efefef;
clear:both;
}

#content {
min-height:550px;
padding:0;
}

* html #content {
height:550px;
}

#main {
width:620px;
}

#main.fullwidth {
width:940px;
}

#sidebar {
width:300px;
overflow:hidden;
}

#extended-footer {
margin:50px 0 0;
padding:40px 0;
}

.block {
float:left;
width:300px;
padding:0 10px 0 0;
}

.one,.two {
border-right:1px solid;
margin:0 9px 0 0;
}

.three {
padding:0;
}

#footer {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
background-color:transparent;
color:#ffffff;
text-transform:uppercase;
padding:20px 0;
}

#footer a:link,#footer a:visited {
color:#fff;
}

#footer p {
margin:5px 0 0;
}

#footer #credit img {
vertical-align:middle;
}

#footer #credit span {
display:none;
}

img#wpstats {
position:absolute;
bottom:15px;
left:-9999px;
}

#breadcrumb,.archive_header {
font-family:Helvetica, Arial, sans-serif;
display:block;
font-size:18px;
font-weight:bold;
color:#000;
margin:10px 0;
padding:0 55px;
}

#breadcrumb {
font-size:14px;
font-weight:normal;
padding:0;
}

.archive_header .catrss a {
font-size:14px;
text-decoration:none;
line-height:28px;
}

.post {
position:relative;
background-color:transparent;
border:0 solid #efefef;
margin:0 0 60px;
padding:50px 55px;
}

.post .title {
width:100%;
position:relative;
color:#000;
border-bottom:1px solid #e7e7e7;
font-size:32px;
margin:0 0 30px;
padding:0 0 25px;
}

.post .title a:link,.post .title a:visited {
color:#000;
}

.post .title a:hover {
text-decoration:none;
}

.post .date {
position:absolute;
top:30px;
left:-40px;
width:71px;
height:60px;
text-align:center;
color:#fff;
padding:10px 0 0;
}

.home .sticky .date {
display:none;
}

.post .date .day {
display:block;
font-size:36px;
line-height:32px;
}

.post .date .month {
display:block;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}

.post-meta {
font-size:11px;
color:#9F9F9F;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #c4c4c4;
margin:30px 0 0;
}

.post-meta li {
float:left;
width:154px;
padding:10px 0 7px 10px;
}

.post-meta li.categories {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
}

.attachment .post-meta li.author {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
}

.attachment .post-meta li.parent {
border-right:1px solid #e7e7e7;
}

.post-meta li span {
display:block;
}

.post-meta li .head {
font-size:10px;
text-transform:uppercase;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
color:#000;
}

.post-meta li .body,.post-meta li .body a:link,.post-meta li .body a:visited {
font-size:13px;
color:#7a7a7a;
font-style:italic;
text-decoration:none;
}

.post img.attachment-post-thumbnail {
margin:0 0 20px;
}

.entry {
overflow:hidden;
width:100%;
}

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
margin:0 0 15px;
}

.entry p {
margin:0 0 15px;
}

blockquote {
color:#666;
font-style:italic;
font-size:16px;
padding:10px 30px;
}

.entry ul {
margin:0 0 15px;
padding:0 0 0 30px;
}

.entry ul ul {
margin:0;
}

.entry ul li {
list-style-type:circle;
}

.entry ul ul li {
list-style-type:disc;
}

.entry ol {
margin:0 0 15px;
padding:0 0 0 30px;
}

.entry ol ol {
margin:0;
}

.entry ol li {
list-style-type:decimal;
}

.entry ol li ol li {
list-style-type:lower-latin;
}

.entry table {
border:1px solid #e7e7e7;
width:100%;
margin:0 0 15px;
}

.entry table th,.entry table td {
text-align:left;
padding:10px;
}

.entry table th {
color:#000;
font-family:Helvetica,Arial,sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

img.wp-smiley {
border:none!important;
margin:0!important;
padding:0!important;
}

.entry img,.wp-caption {
margin-bottom:15px;
max-width:490px;
height:auto;
}

.fullwidth .entry img,.fullwidth .wp-caption {
max-width:100%;
}

.entry .alignleft {
float:left;
margin:10px 15px 10px 0;
}

.entry .alignright {
float:right;
margin:10px 0 10px 15px;
}

.entry .aligncenter {
display:block;
text-align:center;
margin:10px auto;
}

.entry .wp-caption {
text-align:center;
background:#F8F8F4;
border:solid 1px #e6e6e6;
padding:1px;
}

.entry .wp-caption img {
background:none;
border:0;
margin:0;
padding:4px 0;
}

.entry .wp-caption-text {
font-size:11px;
text-align:center;
margin:0;
padding:0;
}

.navigation {
overflow:hidden;
}

.nav-previous {
float:left;
width:50%;
}

.nav-next {
float:right;
text-align:right;
width:50%;
}

.single #nav-below {
margin:20px 0 0;
}

.navigation a:link,.navigation a:visited {
color:#7A7A7A;
font-size:10px;
font-style:italic;
text-decoration:none;
}

.more_entries {
margin-top:-30px;
background-color:transparent;
border:0 solid #efefef;
padding:10px 55px;
}

.more_entries a {
display:block;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
margin:0;
}

.more_entries .wp-pagenavi {
text-align:center;
margin:0;
}

.more_entries .wp-pagenavi a:link,.more_entries .wp-pagenavi a:visited {
display:inline;
text-decoration:none!important;
padding:4px 6px!important;
}

.more_entries .wp-pagenavi .current,.more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi a:hover {
font-weight:bold;
padding:4px 7px;
}

.more_entries .wp-pagenavi .extend {
background:none;
border:none;
}

.widget {
margin:0 0 30px;
}

.widget h3 {
text-transform:uppercase;
color:#404040;
margin:0 0 7px;
padding:10px 0;
}

.widget p {
margin:0 0 15px;
}

.widget ul {
clear:both;
margin-top:-7px;
}

.widget ul li a:link,.widget ul li a:visited {
display:block;
line-height:18px;
text-decoration:none;
color:#666;
padding:6px 0 6px 25px;
}

.widget ul ul {
margin-top:0;
border-top:none;
padding:0 0 0 15px;
}

.widget_recent_comments li,.widget_twitter li {
line-height:18px;
padding:6px 0 6px 10px;
}

.widget_recent_comments li a,.widget_twitter a {
display:inline;
line-height:18px!important;
background:none!important;
border:none!important;
padding:0;
}

#container .widget_categories li {
border-bottom:1px solid #fbdddf;
line-height:18px;
padding:6px 0 6px 25px;
}

#container .widget_categories li ul li {
border:none;
}

#container .widget_categories a:link,#container .widget_categories a:visited {
display:inline;
line-height:18px!important;
background:none!important;
border:none!important;
padding:0;
}

#container .widget-bueno-featured li {
float:left;
width:300px;
list-style:none;
padding:10px 0;
}

#container .widget-bueno-featured li a {
background:none;
border:none;
padding:0;
}

#container .widget-bueno-featured span {
display:block;
}

#container .widget-bueno-featured span.thumb {
float:left;
width:80px;
}

#container .widget-bueno-featured .right {
font-size:12px;
line-height:18px;
}

#container .widget-bueno-featured li.has-thumbnail .right {
float:right;
width:200px;
}

#container .widget-bueno-featured .right h4 {
font-size:14px;
line-height:18px;
margin:0 0 5px;
}

#container .widget-bueno-featured .right h4 a {
line-height:18px;
}

input#s,input.field {
float:left;
width:208px;
padding:5px 0 5px 5px;
}

input.submit {
display:block;
float:right;
line-height:17px;
border:none;
color:#fff;
text-shadow:1px 1px 0 #424242;
text-transform:uppercase;
font-size:12px;
padding:4px 5px;
}

.widget .screen-reader-text {
display:none;
}

.widget_lifestream ul li a {
border:none;
background:none!important;
}

.widget_lifestream ul .lifestream_meta {
color:inherit;
}

.textwidget {
padding:10px 0;
}

#wp-calendar {
width:95%;
margin-bottom:15px;
clear:both;
padding:0;
}

#wp-calendar caption {
padding:10px;
}

#wp-calendar th,#wp-calendar td {
text-align:center;
padding:5px;
}

#wp-calendar td {
background:transparent;
}

#wp-calendar td,table#wp-calendar th {
padding:3px 0;
}

#sidebar .ads125 {
background:#fff;
padding:0 0 12px 12px;
}

.ads125 img {
margin:14px 16px 0 0;
}

#extended-footer .widget {
margin:0 0 30px;
padding:0 10px;
}

#extended-footer .widget h3 {
font-size:16px;
border-bottom:none;
margin:0 0 10px;
padding:0;
}

#extended-footer .widget ul li a {
line-height:24px;
background:none;
color: #996633;
border-bottom:none;
padding:0;
}

#extended-footer .widget ul li a:hover {
background:none;
}

#extended-footer .textwidget {
padding:0;
}

#extended-footer input#s,#extended-footer input.field {
width:210px;
}

#extended-footer #advert_300x250 {
padding-left:0;
padding-right:0;
}

#extended-footer .ads125 img {
margin:14px 13px 0 0;
}

#extended-footer .widget_recent_comments li,#extended-footer .widget_twitter li {
padding:6px 0;
}

.widget_recent_comments .recentcommentsavatar {
display:block;
padding:6px 0 0;
}

.widget ul.tweets li a:link,.widget ul.tweets li a:visited {
background:transparent;
border:none;
display:inline;
line-height:1.5em;
padding:0;
}

.widget ul.tweets li {
padding:7px 0;
}

.widget_authors .avatar {
margin:10px 6px 0 0;
}

.widget_statscounter ul,.widget_author_grid ul {
margin-top:7px;
}

.widget_flickr table {
background-color:transparent!important;
border:0!important;
border-collapse:collapse;
}

.widget-bueno-featured .sharing {
display:none;
}

#comments {
position:relative;
background-color:#fff;
border:5px solid #efefef;
margin:0 0 60px;
padding:50px 55px;
}

#comments h3 {
margin:0 0 20px;
}

#comments .comment {
margin-top:10px;
width:100%;
list-style-type:none;
}

#comments .comment .comment-container {
border-bottom:3px solid #eee;
padding:10px 0;
}

#comments .comment-head {
margin:0 0 15px;
}

#comments .comment-head .avatar {
float:left;
}

#comments .comment-head .avatar img {
vertical-align:middle;
border:3px solid #eee;
margin:0 10px 0 0;
}

#comments .comment-head .name {
display:block;
font-weight:bold;
font-size:15px;
margin:0 0 -5px;
}

#comments .comment-head .date,#comments .comment-head .edit,#comments .comment-head .perma {
font-size:11px;
}

#comments .comment-entry p {
margin:0 0 10px;
}

#comments ul.children {
margin:10px 0 0 25px;
padding:0;
}

#comments .cancel-comment-reply a,#comments .comment-reply-link {
text-transform:uppercase;
font-family:helvetica, arial, sans-serif;
font-weight:bold;
text-decoration:none;
font-size:11px;
}

#comments .navigation a {
display:block;
text-decoration:none;
margin:15px 0 0;
}

#pings {
background-color:#fff;
border:5px solid #efefef;
margin:0 0 60px;
padding:50px 55px;
}

#pings h3 {
margin:0 0 20px;
}

.pinglist li {
list-style-type:decimal;
margin:0 0 0 20px;
}

.pinglist li .author {
font-weight:bold;
font-size:15px;
}

.pinglist li .date {
font-size:11px;
}

.pinglist li .pingcontent {
display:block;
margin:10px 0;
}

#respond {
background-color:#fff;
border:5px solid #efefef;
margin:15px 0 0;
padding:50px 55px;
}

#comments #respond {
border:none;
margin:0;
padding:20px 0;
}

#comments #respond h3 {
margin-bottom:0;
}

#commentform {
margin:15px 0 0;
}

#commentform input.txt,#commentform input[type=text] {
float:left;
width:260px;
border:1px solid #eee;
padding:7px 5px;
}

#commentform p {
line-height:32px;
}

#commentform label {
clear:right;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
padding:7px 5px;
}

#commentform textarea {
width:95%!important;
border:1px solid #eee;
padding:5px;
}

#commentform #submit {
border:none;
color:#fff;
text-shadow:1px 1px 0 #424242;
text-transform:uppercase;
font-size:12px;
margin:20px 0 0;
padding:4px 10px;
}

#respond .comment-form-comment label,#respond .form-allowed-tags {
display:none;
}

#respond .required {
font-weight:bold;
}

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 11, 2011 at 5:19 am
Copy link
Please do not paste your entire stylesheet into the forums. Just make sure we have a link to the blog you are talking about and we can get what we need from there. Thanks.
```
#extended-footer {
background-color: #D3975D;
}

#extended-footer li a:link, #extended-footer li a:visited {
color: #824B15;
}

#extended-footer .widget h3 {
color: #472300;
}
```
annasimona · Member · Apr 11, 2011 at 5:24 am
Copy link
Hi

Thank you so much, and sorry for my mistake! :)
thesacredpath · Member · Apr 11, 2011 at 5:25 am
Copy link
Not a problem, and you are welcome. Let us know if you have any problems with the stuff I gave above.
annasimona · Member · Apr 11, 2011 at 5:32 am
Copy link
Thank you very much, I appreciate your help.

I works fine, but the middle widget doesnt respond. Can you see why?
thesacredpath · Member · Apr 11, 2011 at 5:39 am
Copy link
Hmmm, that is interesting. The tag cloud does not have an actual selector associated with it, it is done inline in the PHP script files.

Give me a few minutes to see if I can figure out how to bend it to my will.
thesacredpath · Member · Apr 11, 2011 at 5:41 am
Copy link
Well, that was easier than I though. It is now at your command.
```
#tag_cloud a {
color: #CC0000;
}
```
thesacredpath · Member · Apr 11, 2011 at 5:46 am
Copy link
BTW, very nice looking site. Stylish yet clean.
annasimona · Member · Apr 11, 2011 at 5:53 am
Copy link
Fantastic, that made my day! :-)

Thank you very much for liking my site :-)
annasimona · Member · Apr 11, 2011 at 6:01 am
Copy link
Can you please help me once again?

I want to remove the frame around the pictures that I am adding. Right now you can an example on the frontpage.
thesacredpath · Member · Apr 11, 2011 at 6:19 am
Copy link
Sure, add this.
```
.entry img {
border: medium none;
}
```
annasimona · Member · Apr 11, 2011 at 6:24 am
Copy link
Thank you soo much! :-)
thesacredpath · Member · Apr 11, 2011 at 6:44 am
Copy link
You are welcome.
annasimona · Member · Apr 13, 2011 at 5:45 am
Copy link
Now I am back again :-)

Hi

After putting a manual link into my footer, I can see that this one dosn’t eighter respond to my color definitions.. and I do know what to do about it. Can you please help again?
thesacredpath · Member · Apr 13, 2011 at 6:18 am
Copy link
You will need to add the following since the text widget is a special case and pulls from the standard link CSS.
```
.textwidget a:link, a:visited {
color: #FFFFFF;
}
```
thesacredpath · Member · Apr 13, 2011 at 6:19 am
Copy link
Oops, let me correct the above.
```
.textwidget a:link, .textwidget a:visited {
color: #FFFFFF;
}
```
moegamad · Member · Apr 13, 2011 at 4:13 pm
Copy link
Hi there Mr SacredPath

Can you please tell me how do I change the font size within my comments section?
Here’s the site: CrossplatformX.wordpress.com/partners
thesacredpath · Member · Apr 13, 2011 at 6:00 pm
Copy link
Comments inherit the font size from a parent selector so you will have to do the following to target just the comments. It is right now set as 100%. Just edit the percentage (greater that 100 to enlarge, smaller than 100 to make it smaller).
```
.commentlist {
font-size: 100%;
}
```
timethief · Member · Apr 13, 2011 at 8:46 pm
Copy link
@moegamad
CSS editing at wordpress.com is theme specific. If you have purchased the CSS editing upgrade then please click this link and start your own thread > https://en.forums.wordpress.com/forum/css-customization#postform
moegamad · Member · Apr 14, 2011 at 9:35 am
Copy link
thank you Mr SacredPath

That was very helpful and to you too TimeThief for your input. What does your name mean though??? Time Thief, are you stealing someone’s time?

No items found.