Background Color CSS Help!
4 posters
Page 1 of 1
Background Color CSS Help!
I'm trying to find the style for one of my forums' background in order to edit the background color. Here is this forum I've been working on. I'm trying to change as much of the white (#ffffff) background color as possible, and I also am wanting to add a background image. I've tried changing the background color via the Colors tab in the administration panel, and I've also tried changing the background image via the Pictures Management tab in the administration panel, yet it doesn't work; so obviously, there's a class in the CSS that I will have to edit in order to get the background image and background color that I want. Can someone tell me the style name?
Last edited by Rok on June 29th 2010, 6:32 pm; edited 2 times in total
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: Background Color CSS Help!
- Code:
body {
font: 11px Helvetica,Arial,FreeSans,sans-serif;
color: #333333;
background-color: #ffffff;
background-image: url('http://i45.tinypic.com/24x3sza.jpg');
background-repeat: repeat-x;
background-position: top;
background-attachment: scroll;
height: auto;
padding: 10px 0px;
}
background-color: #ffffff;
Here is your css style http://omgpopforums.findtalk.biz/28-ltr.css
Last edited by adminplpl on June 29th 2010, 3:05 am; edited 1 time in total
Re: Background Color CSS Help!
Alright, cool. It worked. But if you look on the forum, near the top of the forum where the header is, there's still some white. How can I remove that? And if you know to fix up those white category table corners, then that'd be great.
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: Background Color CSS Help!
You myst modificate this picture
It is in this line:
background-image: url('https://2img.net/h/oi45.tinypic.com/24x3sza.jpg');
or you can remove this line from your css
It is in this line:
background-image: url('https://2img.net/h/oi45.tinypic.com/24x3sza.jpg');
or you can remove this line from your css
Re: Background Color CSS Help!
Oh wow, I didn't think about the white strip under that gray area. Thanks so much... you saved me from a bunch of CSS trouble, hehe!
Do you know of any way to remove those white corner strips from the corners of the category tables? Thanks for your help.
Do you know of any way to remove those white corner strips from the corners of the category tables? Thanks for your help.
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: Background Color CSS Help!
Hello,
You can remove the white rounded corner with this code...
You can remove the white rounded corner with this code...
- Code:
.corners-top,
.corners-bottom {
display: none !important;
}
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: Background Color CSS Help!
Thanks, but that code didn't seem to work. There was actually already the same code in my CSS; it just didn't have the '!important' text.
I've also tried adding background-color: transparent; to all of the 'corners' classes, but it didn't seem to work.
I've also tried adding background-color: transparent; to all of the 'corners' classes, but it didn't seem to work.
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: Background Color CSS Help!
After doing a little reading of your style sheet, I noticed that there are some errors.
Find any sources of this code and delete it,
You've added it more than once, ( differently = errors )
I noticed that it was a background image, the first time that I visited your forum :
Background image link : https://2img.net/h/oi49.tinypic.com/28ajnsk.jpg
Enjoy,
Find any sources of this code and delete it,
- Code:
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #0076b1;
background-image: url('');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #ffffff;
padding: 0px 5px;
}
You've added it more than once, ( differently = errors )
I noticed that it was a background image, the first time that I visited your forum :
- Code:
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #292929;
background-image: url('http://i49.tinypic.com/28ajnsk.jpg');
background-repeat: no-repeat;
background-position: top;
border: 0px;
padding: 0px 5px;
}
Background image link : https://2img.net/h/oi49.tinypic.com/28ajnsk.jpg
Enjoy,
Master Marc- Hyperactive
- Posts : 3661
Reputation : 47
Language : English and Spanish.
Re: Background Color CSS Help!
The rounded white part shows up because this image is not transparent.
Is has white colors on corners, make it transparent and bingo!
Is has white colors on corners, make it transparent and bingo!
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: Background Color CSS Help!
Thank you so much, guys! Now it all looks better than ever!
Appreciate it.
Appreciate it.
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: Background Color CSS Help!
Glad I could help
Solved > Locked
Solved > Locked
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Similar topics
» [background color update]-I want the code to change the background color
» Problems with the background color on a 'Quote on Quote' response and problems with the background color on my 'Quick Reply' box
» Change color of post background and text color.
» Background image loads before background color
» Background color and text color by rank
» Problems with the background color on a 'Quote on Quote' response and problems with the background color on my 'Quick Reply' box
» Change color of post background and text color.
» Background image loads before background color
» Background color and text color by rank
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum