How to edit forum's CSS colors?

How to edit forum's CSS colors?
0

#1

Hello,

I have this forum : transactionbourse dot com/vanilla (I can’t post links for the moment).

I just want to change the blue colors (the blue button on the left and the blue DIV on the top).

I am a complete newbie in CSS, so I tried with the following code for the button but it doesn’t work :

.BoxButtons
.Button.Primary:hover {
background: #ef4126;
border-color: #ef4126;
}

Can somebody helps me?

Thank you very much :slight_smile:


#2

Do you mean the header and the Connexion button?

https://transactionbourse.com/vanilla/themes/keystone/design/custom_default.css

.Header {
  -webkit-box-shadow: none;
  background-color: #0291db;
  border-bottom: 0;
  box-shadow: none;
  color: #fff;
}


.Header .SignInLinks a:active, .Header .SignInLinks a:focus, .Header .SignInLinks a:hover {
  background: #209edf;
  border-color: #fff;
  color: #fff;
}

#3

Thanks to you, I’d be able to change the header, wonderful! :kissing_smiling_eyes:

But it’s not the connexion button but the “new discussion” button, I think you get it only if you are registered in the forum, here is a screenshot (the blue button).

newdiscussion


#4

Makes it a little hard to help. It might be the .NewConversation class.

Did you try inspecting the button?


#5

I inspected, it was “a.Button.Primary.Action.NewDiscussion.BigButton”, and I edited the color.
Thank you very much for help :slightly_smiling_face: