[Jabibjib]

Hello,
My website : http://www.packandpress.biz

I would like to ask for code to

1) change font in menu bar
– now it is Times new roman and i tried as below in custom CSS but it didn’t change.

#header-menu ul.menu a {
font-family: ‘Arial’, Helvetica, sans-serif;
}

2) Change menu bar color
3) Change Background color to yellow (#f9b700)
– I’d changed in Color menu but it is still white background.

Thank you very much in advance.

[Mahesh]

@jabibjib:
1. Change font in menu bar: Add the following CSS

.clean-journal-nav-menu li a {
    font-family: 'Arial', Helvetica, sans-serif;
}

2. Change menu bar color:

.nav-primary {
    background-color: #00ff00;
}

3.Change Background color to yellow (#f9b700)

.clean-journal-nav-menu .current-menu-item -> a, .clean-journal-nav-menu .current-menu-ancestor -> a, .clean-journal-nav-menu .current_page_item -> a, .clean-journal-nav-menu .current_page_ancestor -> a {
    background-color: #f9b700;
}
  
  .clean-journal-nav-menu li a:hover, .clean-journal-nav-menu li a:focus, #header-top .clean-journal-nav-menu li a:hover, #header-top .clean-journal-nav-menu li a:focus, .sidebar-header-right .widget_nav_menu li a:hover, .sidebar-header-right .widget_nav_menu li a:focus{
    background-color: #f9b700;
}

Regards,
Mahesh

[Jabibjib]

Dear Mahesh,

Thank you very much for your advice.

however the background color i mentioned earlier is the color of my whole website (I am not sure if it is called “body” or not. The area that I would like to change background color is as below picture:

Best Regards,

[Mahesh]

@jabibjib: Thank you for clarifying. Add the following CSS in your Custom CSS box:

#masthead, .site-content {
    background-color: #00ffff;
}

Note: Please change the color as you desire.

Regards,
Mahesh

[Author]

Posts