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.

Want to replace background picture color.

View previous topic View next topic Go down

Solved Want to replace background picture color.

Post by Castellana on July 28th 2013, 6:03 pm

Hello! Hello

This morning I experimented with adding different cropped photographs to be my new background. They did not look quite the way I wanted them to (they were too bold and distracting) so now I'd like to try replacing the dark blue background with a lighter color.

Here is my forum:
http://cvas.forumotion.com/

Currently using this background picture:
http://hitskin.com/themes/12/70/54/i_background.png

As you can see it's a plain dark blue.

How can I change it to a light green, such as the color of the rules box (or the background picture color of forumotion)? Do I have a choice of colors?

Thanks!

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Want to replace background picture color.

Post by runawayhorses on July 28th 2013, 6:42 pm

Hi, you can remove that background and just use a color. You have to remove the image first. Then go to AP>>Display>>colors>>

On that page find the background color and change it what you want using the color picker. You'll see the color picker when you put your mouse pointer in the hex# color code box. If none of that works we can change the color in the CSS stylesheet.

If that doesn't work, find this in your CSS stylesheet by going to AP>>Display>>Colors>>Css stylesheet.

Code:
body {
  background-attachment: scroll;
  background-color: #FFFAFA;
  background-image: url("http://hitskin.com/themes/12/70/54/i_background.png");
}


Remove this line from your CSS stylesheet:

Code:
background-image: url("http://hitskin.com/themes/12/70/54/i_background.png");

Then change this 6 digit number #FFFAFA to a different hex color number you want:

You can find hex color numbers here:

http://www.w3schools.com/html/html_colornames.asp

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by Castellana on July 28th 2013, 7:29 pm

Thank you for your reply!

I tried the first option you suggested but the color does not change. An array of colors is shown, but I can't figure out how to select one.

So I went to the CSS but could not find any code like the code you showed. In fact, my CSS is only a few lines of code.

So I must be doing something wrong. Is there more CSS code that I'm not seeing? What should I do?

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Want to replace background picture color.

Post by runawayhorses on July 28th 2013, 7:39 pm

Ok you're welcome Smile Try going to AP>>Display>>Pic management>>Advanced Mode>>

On that page find your background image and remove the address and save your settings. That should remove the background image since you didn't see this address http://hitskin.com/themes/12/70/54/i_background.png in your css stylesheet.

So now copy this code below and paste it in your CSS stylesheet, and change the 6 digit number to a color of your choosing. You can find a 6 digit color number here: http://www.w3schools.com/html/html_colornames.asp

Code:
body {
background-color: #FFFAFA !important;
}

Good luck! Smile

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by Castellana on July 28th 2013, 7:46 pm

YAY! That worked. thumrightBUT ... now the chatbox is in color and I want it to stay white. Can we fix that?

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Want to replace background picture color.

Post by runawayhorses on July 28th 2013, 7:53 pm

Ok good! Try this for the chatbox, same thing applies for the 6 digit number, White would be FFFFFF.

Code:
body.chatbox {
background-color: #FFFFFF !important;
}

The chatbox can be tricky there are many different elements, so if this does not work I recommend starting a new topic all about the chatbox, and describe which colors you want to change. That's if this doesn't change the color you want. Smile


Last edited by runawayhorses on July 28th 2013, 8:48 pm; edited 2 times in total (Reason for editing : added bracket)

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by Castellana on July 28th 2013, 8:08 pm

It didn't like that! Here is what it says:

"Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code."

So, I took out the code and was going to post here about it, but when I went back to check on the forum appearance, the chatbox was white! Which is good!

I don't know how it went back to white, but it has. Background color is still the light gray that I picked from the HTML color chart that you sent. Thanks again for that!

@ candy_fear: Thanks! I'll try that if necessary. Very Happy


Last edited by Castellana on July 28th 2013, 8:18 pm; edited 1 time in total

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Want to replace background picture color.

Post by levy on July 28th 2013, 8:15 pm

Code:
body.chatbox {
background-color: #FFFFFF !important;
}

Try now Razz , him losed }

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by runawayhorses on July 28th 2013, 8:18 pm

Yep I missed a bracket sorry bout that, lol Copy candy_fear's code where he added the bracket. Very Happy

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by Castellana on July 28th 2013, 8:37 pm

Thanks, again! The code worked and I will mark this as solved:D

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Want to replace background picture color.

Post by runawayhorses on July 28th 2013, 8:38 pm

Ok good, Very Happy

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Want to replace background picture color.

Post by SLGray on July 28th 2013, 9:03 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.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