Changing the far outside colour

Started by pepa, January 05, 2018, 04:48:46 PM

Previous topic - Next topic

pepa

Try to explain this ...

There is a background 'gradient' image file "backdrop.png" that tiles around the outside of the forum.  I have made my own in different colours.  When I load it all is OK on the home page until I scroll approx. 2/3 of the way down, then there is a stark delineation as another colour begins (the original grey colour).  On some pages this isn't an issue, on others it begins further down.

I want to be able to change this colour so it melds with my new gradient backdrop.png image.  Can't find where it is though?  It may be part of the main sprite "main_block.png" if so what part?

pepa

OK, found it in index.css altered background colour to read:

body
{
   background: #FFFFFF url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}


There are a few smaller issues, will post about them later though.

pepa

After changing the background color (described above) there are two very small box corners just outside the top of the forum and that intrude into the backdrop.png gradient.  I have attached a screen shot. How do I get rid of these?


Sir Osis of Liver

You have to set a background color behind the radiused corners.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

pepa

Quote from: Sir Osis of Liver on January 19, 2018, 10:05:48 PM
You have to set a background color behind the radiused corners.

Looking for that css in index.css, but can't seem to find it?

Sir Osis of Liver

Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

pepa


Sir Osis of Liver

That looks like main_block.png.  You have to fill the corners with your background color in an image editor.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

pepa

Quote from: Sir Osis of Liver on January 19, 2018, 10:33:12 PM
That looks like main_block.png.  You have to fill the corners with your background color in an image editor.

Yes, you're right.  I was scrolling through the css but its the sprite main_block.png I need to edit.

Thank you once again, you really are a huge help : )

Advertisement: