Change color? Freshy Theme.

santinog · Member · Feb 28, 2008 at 12:29 am
Copy link

Add topic to favorites
I just bought custom css and I really don’t know much about css but i plan on elearning however I am not really feeling the green on the freshy theme so could somebody please let me know what part of the css i have to change to edit color?
santinog · Member · Mar 1, 2008 at 2:40 am
Copy link
Nobody can help?
santinog · Member · Mar 1, 2008 at 2:48 am
Copy link
http://www.santinogroves.wordpress.com

Is my blog, I’m just getting started and although I’ve heard not to purchase the custom css untill you know a little bit about it but I decided to purchase it anyways I do have some basic HTML knowledge but at this point I just want to change the lime green to something less offensive. I also want to possibly change the background color if someone could just tell me which code to change I should be able to figure it out. I tried once and I page ended up a complete mess so there must be something I’m not doing right.

Any help would be appreciated.

/*
Theme Name: Freshy
Theme URI: http://www.jide.fr
Description: A darker theme with header image and page navigation.
Version: 1.0-wpcom
Author: Julien De Luca
Author URI: http://www.jide.fr
Tags: custom header, fixed width, two columns, page navigation
*/

@import “layout.css”;

@import “pp_album.css”;

body, html {
margin:0;
padding:0;
/*font: normal 100.01%/1.5em “Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;*/
font-size : 90%;
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Arial, sans-serif;
}

body {
margin:0;
padding:0;
background:#7F7F7F;
}

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

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

/*———–GENERAL STYLING————–*/

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

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

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

/*——HEADER——*/

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

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

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

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

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

.description {
color:#c9e45a;
}

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

#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;
padding:0;
margin:2em 0 0 0;
clear:both;
}

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

input,
label {
height:auto !important;
height:2em;
width:auto;
padding:4px;
}

label {
font-size:.9em;
}

#searchform input#s {
width:130px !important;
padding:4px;
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;
}

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

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

#searchform br {
display:none;
}

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

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;
padding:0;
margin:.2em 0 .2em 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) 0px .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 {
padding:0;
margin: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; /*highlight color */
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}

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

.icon {
vertical-align:middle;
border:0;
}
.with_icon {
padding:2px 0 2px 0
}

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

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

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

/*——-SIDEBAR———*/

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

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

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

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

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;
text-overflow:ellipsis;
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
*/

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

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

}

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

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

.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:#1F3700 !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 a {
color:white;
text-decoration:none;
}

.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;
}

/*———LANGS———-*/

.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 .footer_content {
width:760px !important;
width:780px;
display:block;
margin-right:auto;
margin-left:auto !important; /* stupid ie… */
margin-left:1px;
margin-top:0px;
padding:10px 10px 10px 10px;
border-top:1px dotted silver;
text-align:center;
}

/*——–POST——–*/

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

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

.post hr {
display:block;
}

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

.highlight_box .post {
font-size:1em;
border:0px none;
margin-bottom:0px;
padding:0 0 0 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 #F5F5F5;
}

.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;
margin:1em 0 1em 0;
color:#FF3C00;
}

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

.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;
}

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

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

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

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

#content .commentlist dt{
/* clear:both;*/
position:absolute;
}

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

#content .commentlist dd {
margin:0;
padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
font-size:1em;
line-height:1.5em;
color:silver;
margin:0 0 1em 0;
}

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

#content .commentlist .comment {
color:#000000;
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 * { /* ie */
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;
}

.commentmetadata {

}

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

.entry p {
margin:1em 0 1em 0;
}
vivianpaige · Member · Mar 1, 2008 at 4:20 am
Copy link
First, your blog doesn’t have a www in it. Second, if you want to start over, delete all of the stuff you have entered in the CSS window. That will take the blog back to its original state.

I’m not sure but I think that green is in this section
```
.description {
color:#c9e45a;
}
```
Try changing that color
santinog · Member · Mar 1, 2008 at 5:32 am
Copy link
I changed that code and it changed my whole page?
This is the same problem i had before…
Anyone know what the problem is?

http://santinogroves.wordpress.com
santinog · Member · Mar 1, 2008 at 5:33 am
Copy link
I changed it from

.description {
color:#c9e45a;
}

to

.description {
color:#336699;
}
santinog · Member · Mar 1, 2008 at 6:49 am
Copy link
After searching the forum I realized I just need to paste the part of the code i want to change, not the whole thing. So that helped out with changing part of it but I can’t seem to find what code changed the home tab. I want to change that green color to #336699

Can someone show me what I need to change.
Help is very much appreciated.
rosclarke · Member · Mar 1, 2008 at 12:41 pm
Copy link
I’m pretty sure that the home tab uses an image not just a plain background colour. So you’ll need to take out the link to the image and either replace it with your own (uploaded) image, or just put in a background colour.

You should be aware that there are very few people on the forums who are competent with CSS so you’re likely to be on your own.
rosclarke · Member · Mar 1, 2008 at 12:44 pm
Copy link
Here:

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

Take out the last two lines and replace with:

background-color: #336699;
santinog · Member · Mar 4, 2008 at 3:10 am
Copy link
Ahh I realize it may be hard to get help but really im not sure where else to ask so i’ll keep trying. As for the green home tab I tried your suggestion and it didn’t change anything.

As of now my Stylesheet editor looks like this :

.description {
color:#336699;
}

.menu li a.first_menu {
padding-left:35px;
background-color:#336699;
}
vivianpaige · Member · Mar 4, 2008 at 3:30 am
Copy link
I used Firebug to look at that tab and it looks like it’s here:
```
page {
background:#7F7F7F url(images/page_bg.gif) repeat-y scroll center;
text-align:center;
}
```
Try changing that color, although I suspect that the image is the problem.
vivianpaige · Member · Mar 4, 2008 at 3:31 am
Copy link
And that word “page” should have a # in front of it.
santinog · Member · Mar 4, 2008 at 4:56 am
Copy link
Hmm I tried that and it changed my whole background color?
vivianpaige · Member · Mar 4, 2008 at 5:06 am
Copy link
Maybe you’ll luck out and get somebody who really knows CSS.
santinog · Member · Mar 4, 2008 at 8:01 am
Copy link
I’ll keep my fingers crossed.
Thanks for trying to help.
santinog · Member · Mar 5, 2008 at 3:08 am
Copy link
Anyone know how to change the home tab from green to something else?
santinog · Member · Mar 7, 2008 at 11:32 pm
Copy link
There has to be someone that can help!
rosclarke · Member · Mar 8, 2008 at 12:30 am
Copy link
Actually, there doesn’t. We did warn you that there are hardly any CSS experts on the forum. There’s no staff support for the CSS upgrade either. You’re on your own, I’m afraid.
santinog · Member · Mar 9, 2008 at 12:04 am
Copy link
hmm, i find it hard to believe nobody knows how to change the home tab but okay.
thanks anyways…

No items found.