Advertisement:

Author Topic: Background color change  (Read 1209 times)

Offline waris

  • Jr. Member
  • **
  • Posts: 245
  • Gender: Male
    • Wau Landing Portal
Background color change
« on: August 11, 2019, 07:19:53 AM »
Hi all, I need another help here.

I am currently to the Rusty White theme which I have done a few changes to the header banner.

This is  my website: I want to change the dark color in the background to the antique Rose Pic. I tried looking at the Index Css but I cant do it.
Can some one come to my aid?
Thank you.


Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,781
  • Master of BBC Abuse
Re: Background color change
« Reply #1 on: August 11, 2019, 06:01:27 PM »
Those usually go on the body tag. Look for something like this (example from default theme):

Code: [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

Your theme would just have a hex code for the coloured background. If you use the formatting shown in the example, that will put an image of your choice as the background (it's usual to have a colour for backup as well, in case the image is missing).

In your case I assume you want it to repeat vertically and horizontally, so omit the "repeat-x" from the code. Something like this:

Code: [Select]
body
{
background: #hex_code_for_your_choice_of_colour url(../path_to_your_image);
/*
        Everything else goes here...
        */
}


Offline waris

  • Jr. Member
  • **
  • Posts: 245
  • Gender: Male
    • Wau Landing Portal
Re: Background color change
« Reply #2 on: August 11, 2019, 10:24:43 PM »
Alright Antechinus I will try it

Thank you.

Offline JacksonHe

  • Newbie
  • *
  • Posts: 2
Re: Background color change
« Reply #3 on: August 17, 2019, 10:57:10 AM »
Can I change the background to transparent backgrounds first, then add the color?