Menu Bar Shape

  • Posted in : impressivCard WP
  • remytennant
    Participant

    Is there a way to easily give the menu bar square edges instead of the ribbon? I would also like to disable the 3D elevation that occurs on hover/click. Thanks. Just trying to get a sense of what will be required here…. if either of these will require significant custom coding I will not attempt it myself. Thank you.

    ahmetsali
    Keymaster

    Hi you can use the custom css code below;

    #header nav ul:after, #header nav ul:before { border: 0; }
    
    #header nav ul .current-menu-item span, 
    #header nav ul .current-menu-item a:hover span,
    #header nav ul a:hover span, 
    #header nav ul a.waiting span
    { margin-top: 0.5em; }
    
    remytennant
    Participant

    Thank you so much, this has transformed my site! You guys are awesome, I really appreciate it! Leaving a positive comment on ThemeForest right now :)

    ahmetsali
    Keymaster

    Thanks, glad you liked it.

    patsfeir
    Participant

    Hello,

    Thanks for the great site,

    I need to know how to customize the menu bar as to appear like this: http://themes.pixelwars.org/?theme=responsy-wp

    and if it is possible to change it to yellow,

    THanks!

    ahmetsali
    Keymaster

    @patsfeir

    Hi, in addition to the custom css code i gave in my post above, try adding this custom css code after;

    #header nav ul span { background: none;}
    #header { padding-top: 0 !important;}
    #header nav ul { margin-top: -0.5em;}
    #header .title { padding-top: 8px;}
    
    windash
    Participant

    Hi Remy,

    I was wondering how you got your testimonials to look the way they do? Specifically on your resume page where they appear to look somewhat like Linked In’s styling.

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

The forum ‘impressivCard WP’ is closed to new topics and replies.