Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1054588

    Hi
    Kindly share the URL of the site here, The submitted domain is not using Joomlart template.

    Regards

    imported_lorenzoadorni Friend
    #1054719

    Sorry.
    Here the URL
    http://www.maximal.it/nuovosito/index.php?lang=it

    ( The new site with joomlart template is in a subfolder).

    Pankaj Sharma Moderator
    #1054821

    Hi
    Add this code in custom.css file and change the color code as per needs

    .t3-mainnav .t3-navbar {
        background: linear-gradient(#426a92,#3a5d80);
        max-height: 54px;
    }

    Regards

    imported_lorenzoadorni Friend
    #1054897

    Hello Panjak,

    Thank’s for reply.

    As you can see this solution reduce the nav bar to 44px but keep the main div to 64px. So, the text of the button is no alligned anymore. And the undescore is too distance. There is a solution for reduce al the main div of navbar?

    How can I remove the menu symbol "|" separator ?

    I also need to change the color of the text of the voice of main menu. How can I change the tect color of normal voice, select voice and "over" voice ?

    Here url: http://www.maximal.it/nuovosito/index.php?option=com_content&view=featured&Itemid=101&lang=it

    Thank you very much.

    Pankaj Sharma Moderator
    #1054900

    Hi
    Kindly open a new thread for each new topic rather than merge them on the different topic discussion to avoid confusion.
    Use this code to change the hover/active menu item color

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>span, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>span:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>span:focus {
        color: #fff;
        background-color: transparent;
    }

    This code for menu item color

    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>span {
        color: rgba(255,255,255,.6);}
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>span {
        color: rgba(255,255,255,.6);}
    

    This code to remove separator

    .navbar-default .navbar-nav>li+li:before {display:none;}

    Regards

    imported_lorenzoadorni Friend
    #1054915

    There is a problem with "hover" that remain white, also when I insert a #000000 black.
    Try to check: http://www.maximal.it/nuovosito/index.php?option=com_content&view=featured&Itemid=101&lang=it
    Thank’s

    Pankaj Sharma Moderator
    #1055729

    Hi
    Use this code in custom.css file

    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>span:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>span:focus {
        color: #fff;
        background-color: transparent;
    }

    change color code as per needs.

    Regards

    imported_lorenzoadorni Friend
    #1055833

    Thank’s works
    Regards

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

This topic contains 8 replies, has 2 voices, and was last updated by  imported_lorenzoadorni 7 years, 3 months ago.

The topic ‘Change main menù background without change default colour of template’ is closed to new replies.