Carrot Style Tutorial: V.1

Note: This tutorial covers how to customize the appearance of Carrot sites created before May 2016. If your site was created on Carrot V.2 (After April 2016), check out the live-preview customizer tutorial here.

Table of Contents


Account Overview

For a quick 4 minute tour of your account, check out the video below!

Tip: Keep a Separate Window Open

Our tip to make it easier is to have 2 windows open on your browser….

  1. Window 1 should be the backend (Dashboard) of your site where you will make the customizations.
  2. Window 2 should be the live website… What your customers will see.

This way when you save your changes you can just swap right over to the live site, refresh the site, and see your changes take effect immediately without having to leave your editing area.


Update your Company Information

Here you can change your address, phone number, and area you invest throughout your entire website with just 1 simple change. This saves you tons of time and prevents you from having to edit every single page on your site if you had to update any company info 🙂


Tweak Your Branding / Look And Feel

These Quick And Simple Branding Tweaks Will Get You Off On The Right Foot!

One of the cool things you can do with your InvestorCarrot website system is make it look the way you want it to. Change the colors, upload a logo, change the structure, and more! We’ve built this system with conversion in mind which is why we don’t offer dozens of “templates” like the other guys do (why would we offer templates we know don’t convert as well as another? Makes no sense right?).  So, take our stock template and tweak it to look the way you want. 

Start here. Don’t get caught up too much in thinking you have to change everything… most of our users who are seeing the best results actually haven’t changed much on their sites (they focus their time on driving traffic).

Below is a video that gives you a good overview of the different easy ways you can brand your site… and below the video are links to tutorials showing you how to do the most common “branding” changes you can quickly and easily do in just minutes.

(click video to play)

 


Changing Your Website Background

Time to spice up the overall feel of your site? Changing the background image will do just that.  Check out the video below or the written instructions below the video.

(click video to play)

Step 1: Click the “Appearance” Tab

Step 2: Click “Styling & Layout”

Step 3: Change background color and/or Upload Background Image

Step 7: Add and/or Personalize Top Border

Note: Adding a border is only to the top of the website. This is optional.

Step 8: Save Your Changes


 

 

Changing Your Navigation Menu Colors

A quick way to make a visual impact on your website is to update the color of your primary navigation menu. This menu is the one with the main links just below your logo area.

Below is a quick video showing you where and how to update your navigation menu colors.

(click the video to play)

Step 1: Click the “Appearance” Tab

Step 2: Click “Styling & Layout”

Step 3: Select “Primary Navigation”

Step 4: Navigation Bar Background Color

To change the color of your nav bar, simply click the color square next to “Background Color” and match to your specific color. Or, copy and paste the color code in so you are sure you have the exact color of your business.

Step 5: Change the Hover Color of Navigation Bar

The hover color is the color that shows when you move your mouse over the navigation bar menus. We typically suggest making the hover color a lighter version of your Navigation bar color to give the illusion of the menu indenting in when being scrolled over.

Step 5: Save Your Changes

Be sure to save your changes and review them on your live website.


Sidebar Content and Widgets

See our tutorial here:
https://help.oncarrot.com/tutorial/sidebar-content-and-widgets/