Updating Your City Hive Site Colors

Updating Your City Hive Site Colors

Looking to incorporate your branding into your new City Hive site? Changing up the color scheme is a great place to start. In this article, we’ll go over how to change your site colors right through your dashboard. 

HEAD TO YOUR CITY HIVE DASHBOARD ➡️

From the City Hive dashboard, head to your studio section > website > colors. Click “Enable Full Colors”.
To edit each item, paste the hex or choose the color from the selector.

If you see a “Coming Soon” message, your site does not have colors enabled through the dashboard because it is not serverless. Interested? Learn more here





Pro Tip: Choose contrasting colors for the text/icon color and the background!

Background Color

If your site is not full width, this will be the color on the left and right-hand sides of the site content. If there are two separate colors, it will form a top-to-bottom gradient. If it’s the same color, it will be solid.






Pre Header Color

These colors will affect the contact info and social media icons in the header bar. Make sure you can see the icon and text colors on the background color you choose. 




Header Color

These colors will affect the area surrounding the logo. If your site does not have a logo, the text color will be the color for the placeholder in the meantime. The border color will be the small strip below the menu that separates the site content and header content (see Top Menu Colors for an example). Make sure that you can see the icon color on a white background.



Top Menu

These colors will affect the top menu background and titles. Make sure you can see both the text and hover color on the background.



Main Content

These colors will affect the content section of the site. The text color will be the section title, and the icon color will be the shopping cart icon on a product.




Footer

These will affect the footer titles, text, icons, and background color. Make sure you can see the titles, icon and text on the background color you choose. 




Sitelinks

Last but not least, these colors will affect the links in the footer of the website. Make sure you can see the text and icons on the background color you choose.





    • Related Articles

    • Create and Customize City Hive Pages

      Pages are a great way to add customization to your site while keeping it speedy and SEO friendly. They can be utilized to give more information about your store and your team, to highlight a product or brand, to post weekly sale flyers, and more.  To ...
    • Customize Your City Hive Site

      City Hive offers numerous features to help make your website pop. Find step-by-step articles on how to further customize and brand your site below! Dashboard Customizations Promo Banners - These banners are a great way to highlight what your store ...
    • What to Know - Serverless Websites

      With City Hive, you can choose to have City Hive’s e-commerce solutions integrated with your existing website, or create a City Hive Serverless Site, which is built in its entirety on the City Hive platform. What is a City Hive Serverless Site? City ...
    • Embed Untappd / Taphunter menu on website

      If you're using Untappd and/or Taphunter to show customers what's currently on tap at your store for crowlers and growlers, we can easily embed this onto your website as well. Here's how: Untappd 1. Log into your Untappd account 2. On the left menu ...
    • Pollinate by City Hive

      Pollinate by City Hive is a new offering from the leading ecommerce provider in the beer, wine and spirits industry, which integrates a powerful, targeted digital marketing platform into your Merchant Dashboard. You’ve already trusted us to be your ...