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.


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. 

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



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

    • 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 ...
    • 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 ...
    • 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 ...
    • Invite City Hive to Manage Domain through GoDaddy or Google

      For those of you who already have a domain purchased under GoDaddy or Google, adding City Hive as a manager for your domain is quick and simple. Once we receive the invitation, your site will go live within 24 hours! GoDaddy 1. Log in to your GoDaddy ...
    • Join the City Hive Support Portal

      City Hive Support uses tickets to keep your feedback all in one spot. When you submit a request to support@cityhive.net, it creates a ticket so we can loop in the correct department to get you a resolution as quickly as possible.  To set up your ...