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, 11 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Architecture Studio – 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.