Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #299220

    Any ideia how to put my menu like this one, only the colors, but not with that colors just with that appearance.

    #299429

    do you have any link for us?

    Any ideia how to put my menu like this one

    there is no clickable link inside

    #299443

    I put in private.
    ScreenShots:
    I have this:
    https://www.dropbox.com/s/ycvd9l8v1xlt1dk/ihavethis.png
    And i want this :
    https://www.dropbox.com/s/f4t7kx4d7osd3p7/iwantthis.png
    that appearence, but not that colors offcourse.
    Open in new browser, preview is not working.

    • This reply was modified 10 years, 3 months ago by Ovelheiro.
    #299721

    Hey!

    You can go to Enfold theme options > Header Layout > Header Size = Custom pixel value and decrease the height of your header.
    Then you can create gradient here – http://www.colorzilla.com/gradient-editor/
    and add following code to Quick CSS in Enfold theme options > General Styling tab and change the code as needed

    #header_main { 
    background: #1e5799;
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    }

    Regards,
    Yigit

    #299801

    Now how do i give space from the top page to the menu? I need to test the code above, but for sure is not nice visualy.

    #299804

    Hey!

    You had gradient in your example that is why i posted you example with link and code.
    Please post a screenshot and show where you would like to increase whitespace on your page. A link to your website would be helpful as well

    Regards,
    Yigit

    #300313
    This reply has been marked as private.
    #300354

    Hey!

    You can simply remove this code from Quick CSS/Custom.css file

    #header_main {
    background: #1e5799;
    background: -moz-linear-gradient(top, #5eb935 0%, #719430 50%, #507210 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5eb935), color-stop(50%,#719430), color-stop(100%,#507210));
    background: -webkit-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%);
    background: -o-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%);
    background: -ms-linear-gradient(top, #5eb935 0%,#719430 50%,#507210 100%);
    background: linear-gradient(to bottom, #5eb935 0%,#719430 50%,#507210 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb935', endColorstr='#507210',GradientType=0 );
    }

    Best regards,
    Yigit

    #309747

    Well that doens’t work at all.
    Tell me it’s possible to have a background color when i am in a menu link,
    if i’m at home the menu link home should have a green background?

    #309752

    Hey!

    Add following code to Quick CSS

    #top .av-main-nav > li.current-menu-item {
    background-color: green;
    }

    Regards,
    Yigit

    #309790

    It’s that, thanks :)

    #309812

    Hey!

    You are welcome ;)

    Best regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Menu’ is closed to new replies.