With the Depth theme, you can add a button link to the upper right side of your site navigation (as shown on the Depth product page). Here’s how with a code snippet…
Copy and paste the code below into the RapidWeaver > Settings > Code > Body.
<script>$(function(){var button = '<a href="#">Buy Now</a>';$('header nav > ul,header > div').removeClass('cf').append('<li class="nav_btn">'+button+'</li>');$('header h1').css('margin-right','0');});</script>Adjust the <a href=”#”>Buy Now</a> button code to your needs.
How do I change the color of the button? Can we make the button a rectangle with radiuses on the corners. How do I link the button to a different page on the site?
You can change the color, by the Depth Theme link color picker. Radius is not a setting. For setting the link, you adjust the href=”#” value, for example, will link to Google search. You must enter a full url to a page, so basically this will only work correctly when published. Hope this answer helps.