News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Standard Style Change color

Started by Hero2019, February 10, 2019, 12:36:39 PM

Previous topic - Next topic

Hero2019

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.

br360

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;

Hero2019


br360

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

Hero2019

Thank you br360. You have helped me a lot.

br360


Hero2019

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.

Hero2019

Would you have a solution br360 please?

br360

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.

br360

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

Hero2019

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.

br360

No worries, I was just having a little fun. It's all good and glad I was able to help

Advertisement: