1 Topic by Ennis (edited by Ennis 2006-07-08 15:18)

  • Registered: 2006-06-26
  • Posts: 22

Topic: Background color + Integration issue

I just realized that after integrating punbb into my websites theme, the background of my theme shows through the forum on the right hand side. Note: More noticeable on the bottom right hand side above the punbb footer

Can be seen here: ThisIsEnnis.com

Anyone know how i can change it to be white?

Ennis
Website: ThisIsEnnis.com | Email: ThisIsEnnis
[img]http://www.thisisennis.com/wp-images/sig.jpg[/img]

2 Reply by Ennis

  • Registered: 2006-06-26
  • Posts: 22

Re: Background color + Integration issue

I find it weird that the background in the style sheet is set to white, however the sidebar still shows through. If anyone can provide any assistance it would be appreciated.

Ennis
Website: ThisIsEnnis.com | Email: ThisIsEnnis
[img]http://www.thisisennis.com/wp-images/sig.jpg[/img]
  • Registered: 2005-10-27
  • Posts: 5

Re: Background color + Integration issue

I do not see.
I had similar issues, solved this by picking the color i want to change, then i searched/replaced interresting occurences.
Note that you can use webdevelopper extension for firefox wich allos live css editing, it is pretty experimental but color changing works fine smile

  • From: U.S.A.
  • Registered: 2005-08-26
  • Posts: 1,607

Re: Background color + Integration issue

This is your problem:

http://www.thisisennis.com/wp-content/t … middle.gif

This and two other images are used as backgrounds in order to create the illusion of equal-height columns and to add the fancy border around your content.

Looking for a certain modification for your forum? Please take a look here before posting.

5 Reply by Ennis

  • Registered: 2006-06-26
  • Posts: 22

Re: Background color + Integration issue

pogenwurst wrote:

This is your problem:

http://www.thisisennis.com/wp-content/t … middle.gif

This and two other images are used as backgrounds in order to create the illusion of equal-height columns and to add the fancy border around your content.

umm. i new that was what was showing through, its my background for my theme. My question was, if the forum background is white, there shouldn't be any areas any other color throughout the forums, including that part. In other words, the theme for my background should not be showing through the forum.

Ennis
Website: ThisIsEnnis.com | Email: ThisIsEnnis
[img]http://www.thisisennis.com/wp-images/sig.jpg[/img]
  • From: Herts - UK
  • Registered: 2005-09-11
  • Posts: 842

Re: Background color + Integration issue

I do see.... smile

Look for this...

#page {
    background: transparent url(images/middle.gif) repeat-y top center;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 714px;
}

and this...

#top {
    background: transparent url(images/top.gif) no-repeat top center;
    height: 30px;
}

and another which probably will be #bottom or something simliar...

If you open these 3 images... this is your problem.
Because the nature of the rounded corners, something like 

#punwrap {background-color: #fff}

will not do the job. So you need to grab these 3 images alter them as required then change your css... so that when in your main site uses pictures a and when in punbb uses pictures b.

Ok... someone beat me to it... but mine explains why a background wont work.

Me: Blog | Twitter | TwitPic Exporter

StevenBullen's Website

  • From: U.S.A.
  • Registered: 2005-08-26
  • Posts: 1,607

Re: Background color + Integration issue

Ennis wrote:
pogenwurst wrote:

This is your problem:

http://www.thisisennis.com/wp-content/t … middle.gif

This and two other images are used as backgrounds in order to create the illusion of equal-height columns and to add the fancy border around your content.

umm. i new that was what was showing through, its my background for my theme. My question was, if the forum background is white, there shouldn't be any areas any other color throughout the forums, including that part. In other words, the theme for my background should not be showing through the forum.

Oops, sorry for the confusion.

Anyway....

<link rel="stylesheet" type="text/css" href="style/Oxygen.css" />
    <link rel="stylesheet" href="http://www.thisisennis.com/wp-content/themes/relaxation/style.css" type="text/css" media="screen" />

^ Because the WP stylesheet is called after PunBB's, it overwrites any of PunBB's styles with which it comes into conflict.

Looking for a certain modification for your forum? Please take a look here before posting.

8 Reply by StevenBullen (edited by StevenBullen 2006-07-08 19:05)

  • From: Herts - UK
  • Registered: 2005-09-11
  • Posts: 842

Re: Background color + Integration issue

Pogenwurst
That will not work properly... you will lose the nice rounded effect.

Me: Blog | Twitter | TwitPic Exporter

StevenBullen's Website

  • From: U.S.A.
  • Registered: 2005-08-26
  • Posts: 1,607

Re: Background color + Integration issue

StevenBullen wrote:

Pogenwurst
That will not work properly... you will lose the nice rounded effect.

Huh? I never told him to do anything, I just explained why setting the background color in PunBB's styles would not have an effect, because the WP style defines the background color and overwrites PunBB's. I was addressing this:

Ennis wrote:

My question was, if the forum background is white, there shouldn't be any areas any other color throughout the forums, including that part. In other words, the theme for my background should not be showing through the forum.

And yes, you are correct, plenty of stuff would probably become flubbed up if he were to switch around the styles.

Looking for a certain modification for your forum? Please take a look here before posting.

10 Reply by Ennis

  • Registered: 2006-06-26
  • Posts: 22

Re: Background color + Integration issue

Appreciate your help everyone.
Thanks

Ennis
Website: ThisIsEnnis.com | Email: ThisIsEnnis
[img]http://www.thisisennis.com/wp-images/sig.jpg[/img]
  • From: Herts - UK
  • Registered: 2005-09-11
  • Posts: 842

Re: Background color + Integration issue

My bad pogenwurst.

I was aiming for the end result he wanted, not to just answer his question.

Me: Blog | Twitter | TwitPic Exporter

StevenBullen's Website

  • From: U.S.A.
  • Registered: 2005-08-26
  • Posts: 1,607

Re: Background color + Integration issue

StevenBullen wrote:

My bad pogenwurst.

I was aiming for the end result he wanted, not to just answer his question.

No problem. We were both right. smile

Looking for a certain modification for your forum? Please take a look here before posting.