Standard Style Change color

[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:

Code Select Expand

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


Change to:

Code Select Expand

#main_content_section {
   padding: 5px 12px 16px 12px;
background-color: whatever color you want;

[Hero2019]

Thank you br360.

Sorry I do not mean that.

I meant this white.

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

[br360]

Same index.css-

Find:

Code Select Expand

.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]

Glad to help, you're welcome

[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:

Code Select Expand

/* 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