Epik styled buttons as menu items

Homepage Community Forums Epik Theme Support Epik styled buttons as menu items

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5943
    Terence
    Customer

      I would like to be able to use a couple of Epik styled buttons in the main menu for sign-up and login as I want them to appear prominently, like a call to action.

      I thought if I switch on CSS Classes in the WordPress Custom Menu System, I would simply be able use an Epik button class to style specific entries, but the first thing I found is that WordPress removes the periods in the classes name so “a.button.red” for example becomes “abuttonred”.

      So do I need to create my own custom class(es) and add additional CSS like this, or is there some other way?

      /* Target the menu item LI */
      .menu li.myClass{
        /* Margin might go here */
      }
      /* Target the menu item Anchor (link) */
      .menu li.myClass > a{
        /* Colors, font sizes, would normally go here */
      }

      Terence.

      #5952
      Eric
      Customer

        You would only add the class without the period (WP knows its a class so you don’t need to add it)

        Then just create an entirely different class specifically for the menu “li” and style it how you want it to appear. Much easier this way than trying to figure out the other buttons.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #5961
        Terence
        Customer

          Eric, could you give me an example please of how to create a button menu link?

          I’ve tried what I think you suggested but I don’t seem to be getting anywhere. Truth is, I don’t really understand what it is your suggesting I do. At least not in detail.

          #5962
          Eric
          Customer

            First create a class like this –

            .menu-button {
                background: #ff0000;
            }

            Then add this to your class field in the menu – menu-button

            WordPress will add the class to the list item – “li” but not the anchor “a”

            Let me know if that helps.


            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #5963
            Terence
            Customer

              Thanks, that’s much simpler than I thought.

              #5964
              Eric
              Customer

                You’re Welcome


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Epik styled buttons as menu items’ is closed to new replies.