chaoticSoul-blog-unable to change menu color

nenabonny · Member · Jan 20, 2009 at 6:21 pm
Copy link

Add topic to favorites
On the ChaoticSoul template i am unable to change the box menu color.
Does anyone know where in the code that can be changed?
It shows up brown and i want it black. I’ve changed every code and its still not working.

http://illphonics.wordpress.com

I can post the code if necessary
raincoaster · Member · Jan 20, 2009 at 6:25 pm
Copy link
Why have you posted this twice?
https://en.forums.wordpress.com/topic/chaoticsoul-blog-unable-to-change-menu-color?replies=1
rosclarke · Member · Jan 20, 2009 at 6:28 pm
Copy link
What do you mean by the box menu?
nenabonny · Member · Jan 20, 2009 at 6:31 pm
Copy link
the box that has the text and posts. if you look at the blog the box is brown. I would like to know how to change that color and I cannot locate the area to change in the code.
raincoaster · Member · Jan 20, 2009 at 6:32 pm
Copy link
Do you have the CSS upgrade? Do you know how to work with CSS?
nenabonny · Member · Jan 20, 2009 at 6:33 pm
Copy link
yes I know how to work with CSS.
raincoaster · Member · Jan 20, 2009 at 6:34 pm
Copy link
Then you will have to purchase the CSS upgrade. It’s explained in the FAQ. Otherwise, themes cannot be edited here.
nenabonny · Member · Jan 20, 2009 at 6:35 pm
Copy link
I have the upgrade. I can edit everything else. just not the color of the menu/blog box
nenabonny · Member · Jan 20, 2009 at 6:37 pm
Copy link
body,html {
font-size:90%;
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;
margin:0;
padding:0;
}

body {
background:#ececec url(‘http://i233.photobucket.com/albums/ee314/miatalewis/album-cover-background.jpg’) repeat scroll center top;
color:white;
margin:0;
padding:0;
}

::selection {
background:#FF3C00;
color:white;
}

a {
color:#515151;
text-decoration:none;
}

#content a {
border-bottom:1px dotted silver;
}

#content a:hover {
border-bottom:1px dotted #FF3C00;
}

#title_image {
text-align:left;
display:block;
height:95px;
background:url(‘images/headers/header_image2.jpg’) center center transparent repeat-y;
margin:0;
}

#title {
background:url(‘images/header.gif’) top #7F7F7F no-repeat;
height:76px;
clear:both;
text-align:left;
margin:0;
padding:25px 25px 0;
}

html>body #title {
height:51px;
}

#title h1 {
font-weight:normal;
line-height:.7em;
font-size:2.1em;
letter-spacing:-.1em;
font-family:helvetica;
margin:0;
padding:0;
}

#title h1 a {
color:white;
display:block;
}

.description {
color:#c9e45a;
}

#content h2 {
color:#515151;
border:none;
clear:both;
margin:0;
padding:0;
}

#content h2 a {
text-decoration:none;
border:none;
}

#content h2 a:hover {
border-bottom:1px dotted silver;
}

hr {
display:none;
clear:both;
}

h3,h4 {
color:#515151;
clear:both;
margin:2em 0 0;
padding:0;
}

input,textarea,select {
border:1px solid #515151;
font-size:.9em;
line-height:1em;
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;
padding:4px;
}

input,label {
height:auto;
width:auto;
padding:4px;
}

label {
font-size:.9em;
}

#searchform input#s {
width:130px!important;
border:1px solid #515151;
font-size:.9em;
line-height:1em;
text-transform:none;
color:black;
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;
background:white;
padding:4px;
}

#sidebar input.btn,#searchform input {
width:65px;
}

#searchform {
margin-top:10px!important;
}

#searchform br {
display:none;
}

input.btn,#searchform input,input#submit {
background:#111111;
color:#FFFFFF;
border:1px outset #000000;
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;
text-transform:uppercase;
padding:4px;
}

input[class=btn],input[type=submit]
input[id=submit] {
padding:3px;
}

textarea {
overflow:auto;
display:block;
width:100%;
}

ul,ol {
list-style-type:none;
list-style-position:outside;
margin:.2em 0;
padding:0;
}

#content ul li,#content ol li {
background:transparent url(‘images/puce.png’) 2px .4em no-repeat;
padding-left:15px;
}

ul ul li,ol ol li {
background:transparent url(‘images/bullet.gif’) 0 .5em no-repeat;
padding-left:8px;
}

#content ol li {
list-style-type:decimal;
list-style-position:inside;
background:transparent;
padding-left:0;
}

#content ol li li {
padding-left:2em;
}

a img {
border:0 none;
}

form {
margin:0;
padding:0;
}

pre,code {
display:block;
font:1em ‘Courier New’, Courier, Fixed, monospace;
font-size:100%;
color:#000;
background:#fff url(‘images/preback.jpg’) no-repeat left top;
overflow:auto;
text-align:left;
border:1px solid #99cc66;
line-height:17px;
margin:1em 0;
padding:0 20px 0 30px;
}

.alt {
background-color:#F5F5F5!important;
}

.icon {
vertical-align:middle;
border:0;
}

.with_icon {
padding:2px 0;
}

.navigation {
clear:both;
display:block;
padding:0;
}

.alignleft {
display:block;
float:left;
}

.alignright {
display:block;
float:right;
}

#sidebar {
font-size:.9em;
}

#sidebar ul,#sidebar ol {
padding:0;
}

#sidebar form,#sidebar p {
margin:0 0 1em;
padding:0;
}

#sidebar h2 {
background:#6a6765 url(‘images/stripe_gray-large.gif’);
font-size:1em;
font-weight:normal;
text-transform:uppercase;
color:gray;
margin:10px 0;
padding:8px;
}

html>body .ellipsis li {
clear:both;
}

html>body .ellipsis li:after {
content:”…”;
display:inline;
}

html>body .ellipsis li span {
white-space:nowrap;
overflow:hidden;
max-width:180px;
width:auto!important;
display:inline;
float:left;
}

ol.ellipsis li span {
white-space:nowrap;
overflow:hidden;
width:190px;
display:block;
}

#sidebar a {
text-decoration:none;
}

#sidebar a:hover,#sidebar .current_page_item li a:hover,#sidebar .current-cat li a:hover {
color:#FF3C00;
}

#sidebar .current_page_item a,#sidebar .current-cat a {
font-weight:bold;
color:#FF3C00;
}

#sidebar .current_page_item li a,#sidebar .current-cat li a {
font-weight:normal;
color:#515151;
}

#sidebar li img {
vertical-align:middle;
border:0;
}

#sidebar input.btn {
margin-left:4px;
}

.menu {
list-style-type:none;
background:url(‘images/menu/menu_bg.gif’) 50% 0 #515151 repeat-x;
height:80px;
width:780px;
border-top:1px solid #FFFFFF;
overflow:hidden;
margin:0;
padding:0;
}

.menu li {
background:none;
display:table-row;
vertical-align:middle;
float:left;
height:80px;
padding:0;
}

.menu li.last_menu,.menu li.right_menu {
float:right;
}

.menu li a {
font-size:.8em;
text-transform:uppercase;
line-height:normal;
display:table-cell;
vertical-align:middle;
height:80px;
background:url(‘images/menu/menu_triple.gif’) top left transparent repeat-x;
color:white;
text-decoration:none;
padding:0 10px;
}

.menu li a:hover,.menu li a:active {
background-position:center left;
color:#FFFFFF;
}

.menu li.current_page_item a {
background-position:bottom left!important;
color:#000000!important;
}

.menu li a.first_menu {
padding-left:35px;
background-repeat:no-repeat;
background-image:url(‘images/menu/menu_start_triple.gif’);
}

.menu li a.last_menu,.menu li a.last_menu_off {
padding-right:35px;
background-repeat:no-repeat;
background-image:url(‘images/menu/menu_end_triple.gif’);
background-position:top right;
}

.menu li a.last_menu:hover,.menu li a.last_menu:active {
background-position:center right;
}

.menu li.current_page_item a.last_menu {
background-position:bottom right!important;
}

.menu li.lang_menu {
float:right;
}

.menu li.lang_menu a span {
width:19px;
height:80px;
overflow:hidden;
text-indent:100px;
display:block;
}

.menu li.lang_menu a {
display:block;
width:19px;
cursor:pointer;
}

.menu li#fr_FR a span {
background:url(‘images/lang_fr.gif’) left transparent no-repeat;
}

.menu li#en_US a span {
background:url(‘images/lang_en.gif’) left transparent no-repeat;
}

.menu li#fr_FR.current_page_item a span,.menu li#fr_FR a:active span {
background-image:url(‘images/lang_fr.gif’);
}

.menu li#en_US.current_page_item a span,.menu li#en_US a:active span {
background-image:url(‘images/lang_en.gif’);
}

#footer .footer_content {
width:760px;
display:block;
margin-right:auto;
margin-left:auto;
margin-top:0;
border-top:1px dotted silver;
text-align:center;
padding:10px;
}

.post {
font-size:.9em;
border-top:20px solid #000000;
margin-bottom:10px;
padding:1em 0;
}

.sticky {
border-top:20px solid #ccc;
background:#000000;
padding:10px;
}

.post h2,.post h3,.post h4,.post h5 {
font-size:2em;
}

.post hr {
display:block;
}

.highlight_box {
font-size:.9em;
border:2px solid #000000;
margin-bottom:20px;
padding:1em;
}

.highlight_box .post {
font-size:1em;
border:0 none;
margin-bottom:0;
padding:0;
}

.highlight_box .post p {
margin:0;
}

.highlight_box .post .date {
display:none;
}

.highlight_box h2,.highlight_box h3,.highlight_box h4,.highlight_box h5 {
font-size:2em;
border-bottom:10px solid #000000;
}

.highlight_box .post h2,.highlight_box .post h3,.highlight_box .post h4,.highlight_box .post h5 {
font-size:1.5em;
}

.readmore {
display:block;
text-align:left;
font-weight:bold;
clear:both;
color:#000000;
margin:1em 0;
}

.date {
color:silver;
float:right;
line-height:2.3em;
padding-left:5px;
border-left:1px solid silver;
font-size:.8em;
text-align:center;
position:relative;
right:0;
margin:1.5em 0 5px 10px;
}

.date_day {
display:block;
font-size:3em;
text-align:right;
}

.date_month {
display:block;
font-size:3em;
text-align:right;
font-weight:bold;
}

.date_year {
display:block;
font-size:1.4em;
line-height:.9em;
}

#content .postmetadata a {
color:#FFFFFF;
border:none;
text-decoration:none;
}

#content .postmetadata a:hover {
border-bottom:1px dotted silver;
}

.postmetadata {
color:#515151;
list-style-type:none;
margin:0;
}

.clear {
clear:both;
}

.avatar {
float:left;
border:1px solid silver;
vertical-align:middle;
margin:0 5px 0 0;
}

#content .commentlist dt {
position:absolute;
}

html > body #content .commentlist dt {
position:static;
}

#content .commentlist dd {
font-size:1em;
line-height:1.5em;
color:silver;
margin:0 0 1em;
padding:10px 3em 10px 10px;
}

html > body #content .commentlist dd {
padding:10px;
}

#content .commentlist .comment {
color:#FFFFFF;
overflow:hidden;
}

#content .commentlist .date {
margin-right:5px;
font-size:.5em;
}

#content .commentlist .comment_text {
margin-top:5px;
display:block;
}

html > body #content .commentlist dd.author_comment {
background:url(‘images/transp-80.png’) #c9e45a!important;
width:auto;
}

#content .commentlist dd.author_comment {
background-color:#c9e45a!important;
filter:alpha(opacity=20);
width:510px;
}

#content .commentlist .author_comment .author,#content .commentlist .author_comment .author a {
color:#c9e45a!important;
border-color:#c9e45a!important;
}

#content .commentlist dd.author_comment * {
filter:alpha(opacity=100);
position:relative;
}

#content .commentlist dt.author_comment .date {
color:#a5ba52!important;
border-color:#a5ba52!important;
}

#content textarea#comment {
font-size:1em;
line-height:1.3em;
}

#commentform small {
color:#515151;
}

.entry {
text-align:justify;
margin:0;
}

.entry p {
margin:1em 0;
}

img.centered,img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#ffffff;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
nenabonny · Member · Jan 20, 2009 at 6:38 pm
Copy link
that is the full code. can you assist me by telling me which section I need to edit to change the menu/blog box color from brown to black or if there is an image in its place?
thesacredpath · Member · Jan 20, 2009 at 6:46 pm
Copy link
I think this will do it:
```
#wrapper {
background:none;
}
```
But you will still have to get rid of the brownish-grey stuff in the widgets.
nenabonny · Member · Jan 20, 2009 at 6:52 pm
Copy link
thanks
nenabonny · Member · Jan 20, 2009 at 6:57 pm
Copy link
can you tell me how to remove the widget color?
thesacredpath · Member · Jan 20, 2009 at 7:27 pm
Copy link
Change background to “none” in sidebar li, #akismetwrap will get rid of the color in some.

You will also have to change background-color to none in #sidebar li.linkcat as well.

With the flickr widget, I cannot see how to get rid of the background color though.
thesacredpath · Member · Jan 20, 2009 at 7:32 pm
Copy link
There are several very useful addons you might want to look into that work with Firefox and are invaluable when figuring out CSS The first is Firebug, and it allows you to “inspect” the CSS, and it will take you to the specific places in the CSS when you hover your mouse over them in the browser. It also allows you to try changes right there on the spot to see the effect.

The second is Aardvark, which again will tell you where things are controlled in the CSS when you hover your mouse, but does not let you try out changes.

The third is Web Developer, which is sort of the “swiss army knife” of addons and it is incredibly powerful, but you have to work with it a little bit to get it all figured out.

No items found.