Simple Machines Community Forum

SMF Support => SMF 2.1.x Support => Topic started by: Hero2019 on February 10, 2019, 12:36:39 PM

Title: Standard Style Change color
Post by: Hero2019 on February 10, 2019, 12:36:39 PM
I have just installed the RC1 version.

Now I wanted to change the white background for a different color in the style. Can someone please tell me where and how I do it best?

Many Thanks.
Title: Re: Standard Style Change color
Post by: br360 on February 10, 2019, 03:46:16 PM
Are you talking about the white surrounding and between categories?

If so, in index.css, look for:

#main_content_section {
   padding: 5px 12px 16px 12px;


Change to:

#main_content_section {
   padding: 5px 12px 16px 12px;
background-color: whatever color you want;
Title: Re: Standard Style Change color
Post by: Hero2019 on February 10, 2019, 04:45:00 PM
Thank you br360.

Sorry I do not mean that.

I meant this white.

https://abload.de/img/ashampoo_snap_2019.022oj2k.png

Title: Re: Standard Style Change color
Post by: br360 on February 10, 2019, 05:59:20 PM
Same index.css-

Find:

.title_bar {
   border: 1px solid #ddd;
   border-top: 2px solid #ff9400;
   border-bottom: 2px solid #bf6900;
   background: #fff;


Change the background color to whatever you want
Title: Re: Standard Style Change color
Post by: Hero2019 on February 10, 2019, 07:20:52 PM
Thank you br360. You have helped me a lot.
Title: Re: Standard Style Change color
Post by: br360 on February 10, 2019, 07:24:46 PM
Glad to help, you're welcome
Title: Re: Standard Style Change color
Post by: Hero2019 on February 11, 2019, 06:56:11 AM
Now I have to ask you something again.

Where can I find this code? Would like to change arrows.

https://abload.de/img/ashampoo_snap_2019.02ejjdt.png

Many Thanks.
Title: Re: Standard Style Change color
Post by: Hero2019 on February 11, 2019, 06:43:27 PM
Would you have a solution br360 please?
Title: Re: Standard Style Change color
Post by: br360 on February 11, 2019, 09:51:58 PM
Between sleep, a job, eating, etc., I may not be around the forum 24/7 ;)

I will take a look later tonight when I'm by a computer.
Title: Re: Standard Style Change color
Post by: br360 on February 12, 2019, 02:07:11 AM
in the same file, look for:

/* If it fits I sits... */
.navigate_section ul, .popup_content, .up_contain {
   background: #fff;
   background-image: linear-gradient(to bottom, #fff 0%, #f1f3f5 95%);


That section is a linear-gradient which means it's two colors mixed in top to bottom. With the background-image line, the first color is the top part and the second color is the bottom. You can make the whole thing one color, or change the percentage, etc.

Play around with it until you get the look you want. If you want just one color, you can also get rid of that line altogether and just change the background color to whatever you want
Title: Re: Standard Style Change color
Post by: Hero2019 on February 12, 2019, 05:57:47 AM
Sorry. No problem. Was not meant to be evil.

You helped me a lot again. That's exactly what the code was about.

Many many thanks.
Title: Re: Standard Style Change color
Post by: br360 on February 12, 2019, 12:17:26 PM
No worries, I was just having a little fun. It's all good and glad I was able to help