Return to previous page

Change nav bar background colour and change font size on nav bar

This topic has 4 replies, 2 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

  • Avatar: midlandsonline
    neil
    Participant
    November 27, 2014 at 17:45

    Hi

    Please could you tell me the custom css to change background colour of nav bar and also reduce the font size too

    Here is my url http://oakfurnitureworldcoventry.co.uk/

    I am using interior store theme

    Many thanks

    #26985 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 27, 2014 at 17:52

    Hello,

    You need add this code into custom.css file:

    .header-type-10 .menu-wrapper {
    background-color: #252525;
}

    Replace the color value with yours.
    And this code:

    .menu > li a {
    font-size: 13px;
}

    Regards,
    Eva Kemp.

    #26987 Copied
    Avatar: midlandsonline
    neil
    Participant
    November 27, 2014 at 18:00

    Hi Eva

    Thanks, the background color has changed but the font size has not. Also, sorry need to know the code to change the font color to white and also the hove color as this is now the same color as the background

    Thanks

    #26990 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    November 27, 2014 at 18:54

    Hello,

    Please use this code:

    .header-type-10 .menu-wrapper .navbar-collapse .menu-main-container .menu > li > a {
color: #aeaeae !important;
font-size: 13px !important;
}
.header-type-10 .menu-wrapper .navbar-collapse .menu-main-container .menu > li > a:hover {
color: #aeaeae !important;
}

    Regards,
    Eva Kemp.

    #27008 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.