Advance Css3 Oxwall Menu Ribbon With Hover Effects

Advance Css3 Oxwall Menu Ribbon With Hover Effects

Not content with your oxwall theme navigation menu? Time to get flashy!

This is the beginning of a new month always referred to as the beginning of  “Mber” months. In less than 90 days, Xmass becomes the order of the day. In that regard we have done a few changes to our website (link colors), not sure if it is the best color combination but changes are acceptable in as much as they do not affect my users experience negatively. I have also made this simple but cute widget for you to be part of this changes.

The advance Oxwall menu ribbon uses css3 effects to produce a cute navigation menu with hover effects for your oxwall powered site.

If you are using the oxwall revolution theme or any other theme that uses the sidebar navigation menu, I recommend you don’t apply this css menu ribbon (but you are permitted to try it out).

Installation

Installation is breeze… The advance menu ribbon is very simple and harmless to implement. In other words, it is very easy to remove (if you don’t like it) without it having any negative effect our website. And there is absolutely no need for you to be careful: Just follow the steps below in the order of their arrangement.
  • Login to your admin dashboard (yoursite.com/admin)
  • Goto Appearance and click on edit theme
  • Click on css
  • Copy the following css code into your custom css
  • Finally, save your changes

Customization

The following customization can be made:
Change A81B6A to your custom background color
Change FFD204 to use a different hover color
To change the menu links color simply change 000 to any color of your choice.
If you are not sure of what color combination to use, simply use our Hex Color Code Generator to generate color codes.

Your Contribution

I tried this css trick with the aron theme and the result was unbelievable. Since this is totally harmless, you are welcome to try this with your theme and share your experiences with us via our comment section. Also feel free to invite your friends and love ones to try out this css trick by clicking on the social media icons below this article.

  • TAGS :

Recieve Free Email Updates!

Leave a Reply