Advertisement:

Author Topic: Standard Style Change color  (Read 593 times)

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Standard Style Change color
« 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.

Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #1 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:

Code: [Select]
#main_content_section {
   padding: 5px 12px 16px 12px;

Change to:

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

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Re: Standard Style Change color
« Reply #2 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


Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #3 on: February 10, 2019, 05:59:20 PM »
Same index.css-

Find:

Code: [Select]
.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

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Re: Standard Style Change color
« Reply #4 on: February 10, 2019, 07:20:52 PM »
Thank you br360. You have helped me a lot.

Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #5 on: February 10, 2019, 07:24:46 PM »
Glad to help, you’re welcome

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Re: Standard Style Change color
« Reply #6 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.

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Re: Standard Style Change color
« Reply #7 on: February 11, 2019, 06:43:27 PM »
Would you have a solution br360 please?

Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #8 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.

Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #9 on: February 12, 2019, 02:07:11 AM »
in the same file, look for:

Code: [Select]
/* 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

Offline Hero2019

  • Semi-Newbie
  • *
  • Posts: 97
Re: Standard Style Change color
« Reply #10 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.

Offline br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,398
    • GenXcommunity
Re: Standard Style Change color
« Reply #11 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