Personalizing your website’s appearance
Hive takes full advantage of the Customizer to manage the settings for your layout, spacings, sizes, and more as easily as possible.
And what better way to make style twists than with the live preview? Simply change any setting and see it take effect right way from Appearance → Customize. Make sure it represents your overall style and is in line with your brand personality. Consistency matters and helps you stand out from the crowd.
Theme Options
One of the most important customization component can be found under Appearance → Customize → Theme Options. Here you’ll see options related to the Main Content, Header, Footer, and more.
Before diving into the settings related to colors and fonts, make sure you go through the detailed documentation articles to make the right decisions. You can read more about changing your website’s colors from this article and find out how to customize your fonts by reading this article.
Style Presets
We know that a website has to match your style, therefore, we’ve added several preset styles to try out before you start fully customizing your digital crib. It offers you a wider perspective on what to expect at the end of the personalization process, so you don’t have any surprises.
Header
One of the most visible parts of the website is the Header area. Here, you can change the Layout, Colors, and Fonts of the Logo, as well as the Navigation (top menu) area.
- From the Layout section, you can set the Logo Image Height, Navigation Link Spacing, Header Position (static or sticky), Header Width (Full Browser or Container Width) and Header Sides Spacing.
- The Colors section allows you to change the Navigation Links Color and the Links Active Color.
- From the Fonts section, you can set the Navigation text (font family, weight, subset, size, letter spacing, and text transform).
Main Content
The Main Content section represents the spotlight of the website and it highlights your content from the blog post pages.
- The Layout area allows you to change the Site Container Max Width, and Site Container Sides Spacing.
- From the Colors area, you can set the Border Color, Body Text Color, Body Link Color, Accent Color, Underlined Body Links, and Headings Color (H1→H6).
- On the Fonts tab, you can change the Body Text, Quote Block Font, and Headings Fonts (H1→H5).
Blog Grid Items
The main page of your website is the blog post archive. This showcases the articles from your website in a fashionable manner, and helps you grab the right type of attention.
Before we dive in, there’s one thing we need to clarify: item(s) in all the mentions below refers to your blog post(s) (e.g., items per row translates into blog posts per row).
Let’s got through each section and see what customization options you have available:
- On the Layout section, you can adjust the Container Max Width, Container Sides Spacing, Items per Row, Items spacing, Items Title Position, Excerpt Visibility, Primary Meta Section, and Secondary Meta Section.
- From the Colors tab, you can set the Item Title Color, Primary Meta Color, and Secondary Meta Color.
- The Fonts area you can change the Item Title Font and Item Meta Font.
Hive options
Every theme has its own characteristic features and unique look-and feel. If you go to Appearance → Customize → Theme Options → General, you can disable auto-style post titles, and hide search button in toolbar.
Footer
The last, but not least section of a website is the Footer. Here you can display copyright text and much more than that.
- The Layout section allows you to set the Top Spacing and Bottom Spacing.
- From the Colors area, you can change the Text Color and Links Color.
Site Title & Logo
Naming your website is an important part of the customization process. By going to the Site Identity section, you can change the Site Title, Tagline, Logo, and more.
Add custom CSS code
You have the ability to insert your own custom CSS code straight into the Customizer and get a live preview of it. Go to Appearance → Customize → Additional CSS and add your custom code.