How to modify the look of the buttons

  • Resolved beat_wettstein

    (@beat_wettstein)


    9 years, 9 months ago

    Hi, I have started using the Hueman theme and I am wondering if there is a way that I could modify the look of the button on a per use basis. I would like to make a html call to a button but at the same time I would like to reference a custom style definition for that button.
    Mu goal is to have a button in a widget calling a popup form with the following code <button class="popmake-1">Open Popup</button> and I would like to make the button look the way it has been styled by the MaxButtons plugin. MaxButtons has an option to export the css code and I was hoping that I could add that code to the style sheet and the reference in some way when calling the button. As you can tell, I am not very experienced with html and stylesheets. Any comment is much appreciated.
    Thanks,
    Beat

Viewing 1 replies (of 1 total)
  • Thread Starter beat_wettstein

    (@beat_wettstein)

    Hi,
    danieliser the author of the Popup Maker plugin provided me with the solution I was looking for.

    Option1:
    wrapping your button shortcodes with the popup_trigger shortcode like this.
    [popup_trigger id=123]button shortcode here[/popup_trigger]
    The shortcode wraps the button in a span by default with the popmake-123 class added.

    Option2:
    when editing the correct popup use the custom selector option under click open settings and in this case enter a.maxbutton-1. That will cause the popup to open when any link with the class maxbutton-1 is clicked.

    Both options work a treat!
    thanks
    Beat

Viewing 1 replies (of 1 total)
  • The topic ‘How to modify the look of the buttons’ is closed to new replies.