Add Button In Header


Author Message
David Marchione

Posted: 11/10/2013
Quote message 

I guess making a Control Button in a content area then copying the HTML into a Shape will not work. How to make a "Button" in the Head area?
 
Nick

Posted: 11/10/2013
Quote message 

1. If you use shapes, the button (or anything in it) is not going to be visible in the responsive views.

2. So instead, use the header widget, or even better, so you don't have to adjust it's location with css later on manually, create a position (Header_>Controls->Position). Now this position will be an additional widget area in the wp backsite's widgets screen. Name this position to something meaningful, since it's default name CONTROL-ID is not very professional.

3. Now insert an html widget in this control widget area, and place your link (the actual html code).

4. Finally, to turn a hyperlink to a button in artisteer, all you have to do is add the "art-button" class to the hyperlink.

ie: <a class="art-button" href="http://www.google.com">google</a>

The button will be styled the way you styled it in Controls->Button section.

That's it.