How to change the "new discussion" button color + the menu color in Vanilla 2.8

xatanael

Congrats for this wonderful release !

I just would like to know how I can change the color of the "start a new discussion" button.

I tried in CSSEdit with this code :

.BoxButtons

.Button.Primary:hover {

  background: #ef4126;

  border-color: #ef4126;

}

But it doesn't work, it only changes the color when I mouse over the button.

I also would like to change the color of the big blue DIV (the top menu). I tried to find the code with Web Inspector but found nothing.

Thanks for help 🙂

whu606

Have a look at the CSS code which you have posted, and you should be able to work out why it only works on mouse over.

I'm not being mean by not simply telling you, but hoping you will try to understand a bit of what is happening.

xatanael

Ok, I was finally able to change the color with a lot of gropes 🤗

Another question : how can I change the header color of the mobile theme? It's visibly not the same as the desktop version...

I tried to inspect with Android, but you can't click on a separate element, you just view the entire code, so it's very tough to find the right line to edit...

Thanks.

R_J

Here is what I would do: I would edit the config.php and set the (desktop-)theme to the same as the mobile theme is and then inspect it with the usual tools

xatanael

Thank you but I try to set all the changes in CSSEdit mod. Is it the same way?

R_J

I think you can choose if the CSS should be applied to mobile theme, too, there is a setting below the editor input.

There is a class in the body tag which helps designing for desktop/mobile (take a look at the body element with the web inspector tool of your browser):

body.isDesktop h1 {
 color: green;
}

body.isMobile h1 {
 color: red;
}

xatanael

Nice, thanks, I even didn't notice there is a button "enable on mobile theme"... 🙂