The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Background Color CSS Help!

View previous topic View next topic Go down

Solved Background Color CSS Help!

Post by Rok on 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
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by adminplpl on 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
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 on 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
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

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

You myst modificate this picture


It is in this line:

background-image: url('http://i45.tinypic.com/24x3sza.jpg');

or you can remove this line from your css

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

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by ankillien on 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
Energetic

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

http://www.webartzforum.com/

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Rok on 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
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

Post by Master Marc on 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 : http://i49.tinypic.com/28ajnsk.jpg

Enjoy, Dawa

Master Marc
Hyperactive

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

Back to top Go down

Solved Re: Background Color CSS Help!

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

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



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

ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

Solved Re: Background Color CSS Help!

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

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

Appreciate it.

Rok
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: Background Color CSS Help!

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

Glad I could help Very Happy

Solved > Locked

ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


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