In this tutorial, we'll cover how to add custom buttons using the SDF Page Builder's Button Module. To ensure cross-browser compatibility across multiple devices we've implemented the mobile-first Twitter Bootstrap front-end framework inside the SEO Design Framework to make the framework responsive across all view ports (desktop monitors, laptops, tablets or mobile devices) as well as to implement the various components, such as CSS, icons, buttons, etc. without coding.
If you have the SEO Design Framework installed, you can simply open or download this text file, then copy the shortcodes inside the text file and then paste them into a new page or posts WP editor and publish to see what your color configurations are for each button.
Once again just:
1. Copy the shortcodes from this file (they are the syntax for the SDF Page Builder) and will only work inside the SEO Design Framework.
2. Create a new page or post.
3. Paste the code into a new page and give it a name.
4. Publish – and you will see your existing Twitter Bootstrap and custom button colors.
