The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Background Color CSS Help!

4 posters

Go down

Solved Background Color CSS Help!

Post by Rok June 29th 2010, 12:22 am

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
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by adminplpl June 29th 2010, 2:30 am

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
adminplpl
adminplpl
Forumember

Male Posts : 98
Reputation : 11
Language : Polish, English, Css, Html, BBcode, Wiki Syntax
Location : Poznañ

http://www.orchidswiki.com/

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Rok June 29th 2010, 2:37 am

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
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by adminplpl June 29th 2010, 2:42 am

You myst modificate this picture
Background Color CSS Help! 24x3sza

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
adminplpl
adminplpl
Forumember

Male Posts : 98
Reputation : 11
Language : Polish, English, Css, Html, BBcode, Wiki Syntax
Location : Poznañ

http://www.orchidswiki.com/

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Rok June 29th 2010, 3:53 am

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. Smile
Rok
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by ankillien June 29th 2010, 7:15 am

Hello,

You can remove the white rounded corner with this code...

Code:
.corners-top,
.corners-bottom {
display: none !important;
}
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Rok June 29th 2010, 3:44 pm

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. :/
Rok
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Master Marc June 29th 2010, 4:54 pm

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, Wink

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, Very good ( 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, Dawa
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

Solved Re: Background Color CSS Help!

Post by ankillien June 29th 2010, 4:56 pm

The rounded white part shows up because this image is not transparent.

Background Color CSS Help! 28ajnsk

Is has white colors on corners, make it transparent and bingo!
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Rok June 29th 2010, 6:31 pm

Thank you so much, guys! Now it all looks better than ever! Very Happy

Appreciate it.
Rok
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by ankillien June 29th 2010, 7:29 pm

Glad I could help Very Happy

Solved > Locked
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum