Assigning ID to button in a widget

I am creating a number of buttons using X shortcode in a sidebar widget. I want to add a unique ID to each button so I can add style them individually in the CSS editor (mainly I need to add a different background image to each button).

But I can’t figure how to add the ID to the button in the widget. For example: http://www.jeanpaulmartinon.nightingalewebsites.co.uk/rap/

Can I add an ID directly in the custom HTML widget - see screen grab with the button shortcode? As in the screengrab attached.

Many thanks for any advice or if you think there is a better way of doing this.

Hi there,

You may add the ID attribute to the shortcode to assign an ID to the button element like this:

[button id="the-button"  type="transparent" shape="pill" size="regular" href="#example" title="Example"]Pill Button[/button]

Please refer to this page:

http://demo.theme.co/integrity-1/shortcodes/buttons/

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.