CSS HELP

Posts

Pages: 1
Hi, I was just fiddling around with the CSS as a total noob with help from the basic CSS guide, and no matter what I add all it does is to change my text background red, which is not what I want to do. Does anyone know how I can change the background color or something? Thanks a bunch!
I've found the best way to do it (as another newb) is to do a search for each instance of a certain colour and change it to another just to see what they change on the page.

Sorry I can't be of better help, though. ;.;
Haha yeah that's what I did, but for some reason no matter what happens, the text background turns red, even if none of the colour codes I put there are red.
Hm...

#body {
background: black url("http://rpgmaker.net/media/content/users/1013/locker/dreamstime_150924.jpg") center;
background-attachment: fixed;
color: #B3DFBE !important;
}
h3 {
color: #44405C !important;
}
#game_strip {
background-color: #44405C;
}
#game_frame h4 {
background-color: #2F2C40;
}
#main_column {
background: #2F2C40;
}
h2 {
background: #2F2C40 !important;
color: #DFDDF0 !important;
}
/*===============================================*/
div.frame, .contents.message.odd{
border: 0px hidden;
background: #3A364D !important;
}
div.frame, .contents.message.even{
border: 0px hidden;
background: #335C47 !important;
}
div.frame {
background: #3A364D !important;
}
div.pages {
color: #84D2AC !important;
}
div.current {
color: #84D2AC !important;
}
div.makerscore {
color: #5A7C6C !important;
}
/*===============================================*/
#discussion contents.message.even {
background: #335C47 !important;
}
#discussion contents.message.odd {
background: #335C47 !important;
}
#current {
background: #203031 !important;
}
/*===============================================*/
a {
color: #98D666;
}
a:link {
color: #98D666;
}
a:visited {
color: #98D666;
}
a:active {
color: #98D666;
}
a:hover {
color: #92EDB9;
}
/*===============================================*/
#contents {
background: #3A364D !important;
}
#game_frame {
background: #3A364D !important;
}
#row_body {
background: #3A364D;
color: #DFDDF0 !important;
}
#div.right_column.contents.info {
background: #203031;
}
/*===============================================*/
#game_navigation {
background: #2F2C40;
border: 0;

margin: 0;
list-style-type: none;
clear: both;
}
#game_navigation li {
background: none !important;
border: 0 !important;
}
#game_navigation li.current {
background: #2F2C40 !important;
color: #92EDB9 !important;
padding-bottom: 4px;
}
/*===============================================*/
#frame {
color: #819883 !important;
}
#div.frame, user_block {
border: 0px hidden;
}
div.message div.contents {
border-left: 0px solid #819883;
}
/*===============================================*/
#game_download_area {
background: #2F2C40;
width: 128px;
height: 54px;
margin-top: 24px;
padding: 2px 4px 2px 4px;
float: left;
cursor: pointer;
}
#game_download_area:hover {
background: #2F2C40;
text-decoration: none;
}
/*===============================================*/
.buttons a, .buttons button {
background: #280a0a;
border: 1px solid #280a0a;
border-bottom-width: 1px;
color: #819883 !important;
float: left;
margin-right: 8px !important;
cursor: pointer;
}
.buttons a {
padding: 3px 10px 3px;
height: 13px;
}
.buttons button {
padding: 3px 8px 3px !important;
height: 23px !important;
}
.buttons a:hover, .buttons button:hover {
background: #771100;
border-bottom-color: #771100;
}
.buttons img.icon {
margin: -1px 4px -1px 0 !important;
float: left;
}
/*===============================================*/
#discussion textarea {
background: #000000;
color: #DFDDF0;
}
#game_description {
color: #DFDDF0 !important;
}
/*===============================================*/
.thumbnail {
border-color: #280a0a !important;
border-width: 2px 2px !important;
}
blockquote {
background-color: #91473C!important;
color: #819883 !important;
border-color: #2F2C40 !important;
border-width: 1px 5px !important;
}
form div.field span.required {
color: #D2A300;
}
form input.text, form textarea, form select {
color: #DFDDF0;
border-color: #C050C !important;
background-color: #604848 !important;
}
.thumbnail a span {
background: #303030 !important;
color: #DFDDF0;
opacity: 0.9;
font-weight: normal !important;
}

Here, this should turn like such. just do the find colour/change thing and it should work.
Hmm nope, still doesn't work. /: The text background still turns red no matter what I put there. It only turns back to normal after I remove everything in the CSS box. Thanks though.
I meant to remove your current code and use that one then mess with the colours in it. ^.^;
Yeah I did. XD It seems that no matter what I write in my CSS box, even just an "a" or something, my text background will turn red.
Huh... I've never heard of that issue before. Odd. >.<;

Sorry I can't help. I'll move this topic to the help section. Maybe someone will be able to do something for you.
Pages: 1