Creating a button under the header image

  • ML

    (@mlmazzara)


    6 years, 5 months ago

    Hi. On your Karuna info page you have a green bar at the bottom with a call-to-action button that says ” Watch Our Video”. How/where do you create that bar and that button?

    Ideally, we would like to have one in the top menu bar but do not know if that is even possible.

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, if you go to that Karuna Theme Showcase page, under Extras, it has example HTML that you would have to insert into the content area of a page or post where you want that to show.

    For the menu, CSS could be used to style a menu item to look more like a button by using the unique CSS menu id set in the opening <li> element for that particular menu item. You would have to add a custom link to a Custom Menu and then use the web inspector built into your browser to find the unique menu id. A random example would look something like this, but you would need to change the menu item id number.

    #menu-item-379 a {
  background: lime;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  border: 1px solid red;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Creating a button under the header image’ is closed to new replies.