menu bar color

This topic has 6 replies, 2 voices, and was last updated 6 years, 12 months ago by tikaram.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
November 29, 2017 at 3:35 pm #127103

roboterpirat
Participant

Hey there,

I would like to change the color of the menu bar. In the customizer I can only choose between my current dark grey, pink and a third option. I tried the classes main-navigation and nav-primary but It won’t work. What can I do? Link: https://spielfrei.at

Also, how can I change the length of the background color of the .site-description? I would like to be it as long as the text is.

Thank you very much and greetings from Austria!

November 29, 2017 at 11:02 pm #127111

tikaram
Participant

@roboterpirat : You have two options to choose from .
Upgrade to Chicago Pro : You can easily change the background color, text color from the customizer. Alternatively, you can add additional css from the customizer. Let me know what you prefer to do.

Regards,
Tikaram

November 30, 2017 at 1:08 am #127115

roboterpirat
Participant

Since I already added alot of custom CSS and a child theme I would luke to continue this path.

I‘m really happy with your theme and you already helped me out once so maybe I can make a donatation as a thank you?

Thank you!

November 30, 2017 at 4:11 am #127122
tikaram
Participant
Go to Appearance => Customize => Additional css and add the following css.
```
.nav-primary .wrapper,.main-nagivation .wrapper {
	background-color: #color-code;
}
```
Note : Replace #color-code with your desired HTML color code.

It looks like you have already added background to site description.
Let me know if you have any further issues.

Regards,
Tikaram
November 30, 2017 at 8:23 am #127130
roboterpirat
Participant
Thanks, I found another solution:
```
.menu {
	background-color: #36033B;
	font-family: 'Shentox-Bold', sans-serif;
	font-size: 28px;
	padding:0;
	margin:0;
	height: 50px;
}
```
The problem I now have is that the menu text is not vertical centered. As you can see I already tried margin and padding but it did nothing. Can you please help me with that?

Thank you!

Btw. if I upgrade to your Pro theme, do I loose all my custom settings and CSS?
November 30, 2017 at 8:40 am #127134

roboterpirat
Participant

Nevermind,

padding-top: 0 !important;
margin-top: 0 !important;

did the trick. Thanks anyway!

December 1, 2017 at 3:40 am #127179

tikaram
Participant

@roboterpirat : If you upgrade to Pro you will need to copy the custom css because it is not controlled by theme. Other customizations will not be lost. Let me know if you face any issues while upgrading from free to Pro. I will guide you through the process.
Author

Posts