--- title: Buttons description: Buttons image: https://documentation.awwaldesign.com/hubfs/Google%20Drive%20Integration/How%20to%20Change%20the%20Font%20Family%20in%20your%20Templates.jpeg --- [![logo](https://documentation.awwaldesign.com/hs-fs/hubfs/logo.png?width=72&height=44&name=logo.png "logo")](https://awwaldesign.com/) - Listing pages - [Single Column](https://templates.awwaldesign.com/ad-blog-single-column) - [Two Column](https://templates.awwaldesign.com/ad-blog-two-column) - [Three Column](https://templates.awwaldesign.com/ad-blog-three-column) - [Horizontal Style](https://templates.awwaldesign.com/ad-blog-horizontal-style) - [With Sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar) - [Listing with Simple Hero Option](https://templates.awwaldesign.com/ad-blog-listing-option-two) - [Listing with Popular Post Swiper](https://templates.awwaldesign.com/ad-blog-listing-option-three) - Post pages - [Post page](https://templates.awwaldesign.com/ad-blog-single-column/unlocking-potential-the-power-of-coaching-in-empowering-your-employees) - [Post page with sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2](https://templates.awwaldesign.com/ad-blog-three-column/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2 with Sidebar](https://templates.awwaldesign.com/ad-blog-horizontal-style/designing-the-future-innovative-architecture-for-a-changing-world) - System Pages - [404 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=olbEMd5l60dX91Y-P7v5Ow&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F404.html&updated=1680759056647) - [500 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=qpLpaucv8iqgYJwdXcqLjw&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F500.html&updated=1680759069742) - [Search result page](https://templates.awwaldesign.com/search-result-page?term=awwal&type=BLOG_POST) - [Email backup unsubscribe page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=pIHFrQquYtNBHUWLKeqb5A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20backup%20unsubscribe%20page.html&updated=1681624857047) - [Email subscriptions preference page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=aiSIXOdQbXkWoELSt0VeBQ&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20Subscription%20preferences%20page.html&updated=1681624863601) - [Email subscriptions confirmation page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=968fXOPCZcHe1qDBduJkFA&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Subscription%20Confirmation%20Page.html&updated=1681621623610) - [Password prompt page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=ZIYiQQ87G9MtXBLzMsbB2A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Password%20Prompt%20Page.html&updated=1681624851432) - Landing Pages - [Multi purpose LP](https://templates.awwaldesign.com/ad-multipurpose-landing-page) - [eBook Landing Page](https://templates.awwaldesign.com/ebook-landing-page) - [Minimal eBook Landing Page](https://templates.awwaldesign.com/minimal-ebook-landing-page) - [Thank you page](https://templates.awwaldesign.com/thank-you-page) - [Subscription Page](https://awwaldesign.com/subscribe-to-awwal-blog) - [Documentation](https://documentation.awwaldesign.com/awwal-blog-theme) [Buy Now](https://app.hubspot.com/ecosystem/3067823/marketplace/website/awwal-blog-theme-by-awwal-design) ## What are you looking for? [Back](https://documentation.awwaldesign.com/awwal-blog-theme) # Buttons Created By Safwan Shaikh Last Modified on: 1 Oct, 2024 From the Theme options, Buttons style can be changed globally, remember whatever change you make here it will be applied to all buttons throughout the theme.   Buttons styles are controlled via Theme settings To edit your theme settings, you'll first need to create a blog post or a page with a Awwal Blog theme's template. If you've already done that move to the next step. The Theme settings can be accessed within the content editor by clicking the Theme tab on the left. Then click **Edit theme settings**. ![](https://documentation.awwaldesign.com/hubfs/image-png-3.png)   This is your global theme settings where you can pretty much control everything. ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-12-2023-06-06-07-6435-PM.png) > Tip: Change your "View on" page to Awwal - Style Guide and you can easily preview all the elements.  #### These are the options you can control - Fonts - Colors - Border & Radius Below you can find the breakdown of each option ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-10-41-5405-AM.png)   #### 1. Fonts Here you can update the Button fonts, you can also make the text uppercase or lowercase depending on what aesthetics you want. ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-11-07-4114-AM.png)   #### 2. Colors You can also control the button color, its hover color, text color and its text's hover color. Border color and Border hover color are for the secondary button. ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-11-30-6243-AM.png)   #### 3. Border and radius In this option you can choose the border width and corner radius. ![](https://documentation.awwaldesign.com/hubfs/image-png-Apr-11-2023-11-11-59-2015-AM.png) ### Didn’t find what you were looking for? Feel free to reach out and we’ll get back to you! [![awwal-logo-white](https://documentation.awwaldesign.com/hubfs/awwal-logo-white.svg "awwal-logo-white")](https://awwaldesign.com/) Write a brief description of your company or services here. keep it short but make it interesting enough to make user want more. Important Links - Home - Services - About Us - Blog - Contact Us - Get Started [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) Copyright @ 2023. All Right Reserved. Made with love by [Awwal Design](https://awwaldesign.com/) - - - ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Safwan Shaikh", "url" : "https://documentation.awwaldesign.com/awwal-blog-theme/author/safwan-shaikh" }, "dateModified" : "2023-04-12T19:54:27.262Z", "datePublished" : "2023-04-10T09:15:08.000Z", "headline" : "Buttons", "image" : [ "https://documentation.awwaldesign.com/hubfs/Google%20Drive%20Integration/How%20to%20Change%20the%20Font%20Family%20in%20your%20Templates.jpeg" ], "mainEntityOfPage" : { "@id" : "https://documentation.awwaldesign.com/awwal-blog-theme/buttons", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://documentation.awwaldesign.com/hubfs/awwal-logo-2.svg" }, "name" : "Awwal Design" } } ```