Subscribe to this blog by email

Your email:

Connect with me

    follow me on Twitter

    Modern Marketing Blog

    Current Articles | RSS Feed RSS Feed

    HubSpot CMS tutorial (Part two)

    Posted by Shari Sultana on Tue, Sep 01, 2009
    Share on Twitter Twitter | Share on Facebook Facebook | Submit to Digg digg it |  Add to delicious  delicious |  Share on LinkedIn LinkedIn | 
     

    As an internet marketing virtual assistant who specializes in assisting HubSpot customers I have created this tutorial to help my clients learn how to make simple changes to their HubSpot websites. This is the second in a planned series of "how to" videos.

    Transcript:

    This is Shari Sultana from Modern Marketing Support. Today we're going inside the HubSpot dashboard to learn how to change our website's color scheme using advanced options.

     

    You’re going to learn how to change the font and hover color of the navigation bar. You’ll also learn how to change the background color of your HubSpot website.
     
    To make changes to the color scheme you need to use the Settings tab up here in the right hand corner. Click on that. 
     
    We're going to click on Template Configuration. You'll see it says "adjust the colors of your website". Let's click on it.
    Inside here there are 2 areas. Once is basic and the other is for more advanced customization. In part one of this 2 part  tutorial we looked at basic customization. Today we'll just look at the advanced customization. 
     
    Let’s click on the Advanced Color Selection tab.  Scroll down until you see Menu Hover Text Color.  It tells you “this will be the text color when you hover over each menu item.  Right now the color is very light. So we’ll make it darker and easier to read. 
     
    You can use the color picker to help you choose the color you want to use. You can either scroll through this color bar on the right or you can use the t inside this box to help you select the right color. As you move through the color palette you’ll see the little square box to the right above change to the color you’re selecting. For an exact color match you can enter the hexadecimal color inside the box to the left above.  Once you’ve chosen the color you want, scroll down to the bottom of the page and click Save.
     
    See how it says "changes saved. view website"? That tells you your color has been changed and you can go and see your changes. Let's go see how it looks. See how the color of the text changes as you hover over it? It’s a darker color now and is easier to read. Now, let's go change the color of the menu text. This will be the text color for the current menu item.
     
    Click on the Settings tab again and choose Template Configuration and then Advanced Color Selection. Scroll down to find Menu on Text Color. Use the color picker to choose your color or enter the hexadecimal color in the hexadecimal color box. Once you’re happy with the color you’ve chosen, scroll to the bottom of the page and click Save.
     
    Click Return to Website and check out what you’ve done!  It makes a difference when you can see the title of the page you’re on.
     
    The last thing we’ll do now is change the background color of your website. Let’s say we think the white background is boring. We can easily liven it up with the click of a mouse. Let’s go to Settings. Then click on Template Configuration. Then click on Advanced Color Selection. Scroll down until you find Content Background. This will be the background color for the main page content. Select a color using the color picker. When you’re happy with the color you’ve chosen scroll to the bottom and click Save.
     
    Click Return to Website and look at your handiwork. That’s all there is to it. It’s really simple and easy to do. If you don’t like the color you’ve chosen you can easily go back and change it to whatever you like. Next time you’ll learn how to change the background of the Modules and you’ll learn how to customize your pages using a one, two or 3 column layout.
     


    0 Comments Click here to read comments

    Hire a Virtual Assistant: Build More Time, Freedom and Money into Your Business

    Posted by Shari Sultana on Fri, Sep 12, 2008
    Share on Twitter Twitter | Share on Facebook Facebook | Submit to Digg digg it |  Add to delicious  delicious |  Share on LinkedIn LinkedIn | 

    0 Comments Click here to read comments

    All Posts