This topic contains 9 replies, has 2 voices, and was last updated by  lord 2 years, 4 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #11491

    adept-france
    Participant

    Hi support !
    I want to change the color of the menu (text) as well as the color of the header background. I have looked into the options pannel and was unable to find it.
    Could you please tell me how to do ?
    Also, I need to center the menu (not only in sticky mode). You said I will be nedding CSS code to do it in my pre-sale question.
    Could you please be kind enough to provide me with suche CSS custom code ?

    Many thanks in advance for all your help !
    Your theme is terrific !

    #11493

    lord
    Keymaster

    Hello, Adept-france!

    Please, tell us what header type do you use. We’ll need to know it to provide you with the proper CSS code.

    Regards, DFD Support Team

    #11519

    adept-france
    Participant

    Hi Lord !

    To answer to your question, I am working with default header and header 1.

    Many thanks in advance for your help !

    #11522

    lord
    Keymaster

    Hello, Adept-france!

    Please, add this code to Options > Main options > Custom CSS to change the background color of the header:

    #header-container #header {background: rgba(140, 140, 140, 0.5);}

    This code to change the menu titles color:

    .nav-menu .mega-menu-item .item-title {color: #0E19AD;}

    And this one to change the background color of the sticky header:

    #header-container.small #header .header-wrap {background: rgba(221, 57, 57, 0.75);}

    And it’s titles:

    #header-container.small #header .header-wrap nav.mega-menu .main-menu-link {color: #444444;}

    Regards, DFD Support Team

    #11523

    adept-france
    Participant

    Hi Lord,

    Many thanks for that.
    Also, how can I center the title in the header container ?

    Your help is much appreciated !

    #11527

    adept-france
    Participant

    Hello Support !

    Few more questions :

    1/ I need to move the logo on the header container. I would like to move it from 20px on the left.
    Is there CSS code to do that ?

    2/ I would like to increase gap between links in the menu. I have only 5 links but they are very close on a small device.

    3/ I would like to increase the width of links in the menu container. I mean if a top link in the menu is too long (such as “Nos r√©alisations”) it appears on 2 lines instead of being on the same line.
    It seems the link container is too small and I need to increase its width.

    Many thanks for all your help, as usual !

    #11528

    adept-france
    Participant

    Hello Support,

    As far as word-wrap is concerned, the menu is only affected with Chrome.
    On Firefox, links appear on the same line but Chrom displays them on 2 lines.
    How can I solve that as most people use Chrome…

    Many thanks for your help !

    #11529

    lord
    Keymaster

    Hello, Adept-france!

    We can recommend you to add this CS code to align the title in Stunning header:

    div.page-title-inner .page-title-inner-top {
    text-align: center;
    }

    And to align the Breadcrumbs:

    div.page-title-inner .breadcrumbs {
    text-align: center;
    }

    Regards, DFD Support Team

    #11530

    adept-france
    Participant

    Hi Lord !
    Thanks for the CSS code.
    Could you please provide me with CSS code to center the menu as well ?

    Thanks in advance !

    #11534

    lord
    Keymaster

    Hello!

    We can offer you this code to center the menu:

    .mega-menu.text-left {
    text-align: center;
    }

    Regards, DFD Support Team

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

You must be logged in to reply to this topic.