Advertisement:

Author Topic: Changing the far outside colour  (Read 811 times)

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Changing the far outside colour
« on: January 05, 2018, 04:48:46 PM »
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?

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Re: Changing the far outside colour
« Reply #1 on: January 05, 2018, 06:53:06 PM »
OK, found it in index.css altered background colour to read:

Code: [Select]
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.

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Re: Changing the far outside colour
« Reply #2 on: January 19, 2018, 09:47:44 PM »
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?


Offline Sir Osis of Liver

  • SMF Hero
  • ******
  • Posts: 8,048
  • 'Tis the gift to be simple (duh)
Re: Changing the far outside colour
« Reply #3 on: January 19, 2018, 10:05:48 PM »
You have to set a background color behind the radiused corners.

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Re: Changing the far outside colour
« Reply #4 on: January 19, 2018, 10:13:15 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?

Offline Sir Osis of Liver

  • SMF Hero
  • ******
  • Posts: 8,048
  • 'Tis the gift to be simple (duh)
Re: Changing the far outside colour
« Reply #5 on: January 19, 2018, 10:19:01 PM »
Which theme are you using?

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Re: Changing the far outside colour
« Reply #6 on: January 19, 2018, 10:20:05 PM »
Which theme are you using?

default with responsive curve

Offline Sir Osis of Liver

  • SMF Hero
  • ******
  • Posts: 8,048
  • 'Tis the gift to be simple (duh)
Re: Changing the far outside colour
« Reply #7 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.

Offline pepa

  • Jr. Member
  • **
  • Posts: 192
Re: Changing the far outside colour
« Reply #8 on: January 19, 2018, 10:36:34 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 : )