In this video, I\u2019m going to show you how to integrate RAGE Software\u2019s Button Design with Rapidweaver. First, I\u2019m going to export my buttons, so I\u2019m going to choose CSS button. Then I\u2019m going to select a location to save my button to. And now I\u2019ll click the save button. I\u2019m done with Button Design, so I\u2019ll hide it for now. Now I\u2019ll open up the folder that I saved my buttons to in the finder. I\u2019m going to open up the stylesheet.<\/p>\n

The file path that points to the image has to be adjusted. So I\u2019m gonna type in assets with a forward slash, so Rapidweaver will know where to look when its building my website.<\/p>\n

Now I\u2019m going to highlight all the code, and copy it. I\u2019m going to close the document, and I don\u2019t need to save it.<\/p>\n

I\u2019m going to open up Rapidweaver and add my webpage. Remember to add the HTML Code page because we\u2019re going to be adding custom HTML. And then click on the Add button. Now I\u2019ll click on the inspector button, and then the third tab in, and then click on the CSS tab, and then I\u2019ll paste in the custom CSS code that I just copied.<\/p>\n

\u00a0<\/p>\n

The next thing I have to do is copy over the image file created with RAGE Button Design. I\u2019ll locate that in the finder, and then switch back to Rapidweaver and the inspector window again. I\u2019ll click on the Assets tab, and then drag the image into the Assets list, so it will now be available to Rapidweaver.<\/p>\n

I\u2019m done with the inspector so I can close that window. The last thing I have to do is open up my index.html file and find the HTML code to display the actual button. I\u2019ll highlight the code, and then copy it. I\u2019ll switch back to Rapidweaver, and place it into the HTML field right here. And then if I press the preview tab, I can see the button on my website.<\/p>\n","protected":false},"excerpt":{"rendered":"

In this video, I\u2019m going to show you how to integrate RAGE Software\u2019s Button Design with Rapidweaver. First, I\u2019m going to export my buttons, so I\u2019m going to choose CSS button. Then I\u2019m going to select a location to save my button to. And now I\u2019ll click the save button. …<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,4,10],"tags":[12,11,13],"_links":{"self":[{"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/posts\/22"}],"collection":[{"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":4,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/posts\/22\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/posts\/22\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apptorial.com\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}