The HubSpot COS: How to Change a Parallax Background Image

UPDATE: If you are working in the new COS Page Editor and are working with one of our newer templates, there is a faster and easier way to switch out your images. You can find the documentation here.

 

The biggest trend in website design right now has to be the scrolling parallax template. This is a technique where a background image stays in the same location, or scrolls at a different relative speed, as the rest of the page scrolls. (For an example, check out the template we'll be using in this tutorial!)

As HubSpot Certified Design Partners, we have had the opportunity to take the HubSpot COS to the next level and include Parallax effects in our templates.

Since the parallax effect does require some CSS and HTML coding skills, it can be difficult for the average user to update their parallax and background images in the HubSpot COS. Below, we've put together a handy guide for how to update your parallax and background images in the HubSpot COS content editor. Check it out!

The HubSpot COS: How to Update Basic Content [Guide]

NOTE:  HubSpot is in the process of updating to a new Site Page Editor.  This is the guide to use if you are still using the old editor. If you are working within the new editor, we have developed a new blog post.

 

The HubSpot COS is a very intuitive content management system, but it is also a very new content management system, which means you may have some questions about the basics. How do I update my COS content? How do I add images? What on earth is a rich text module?

Never fear! As an inbound marketing agency, Brand Builder Solutions has all the know-how you need to get that new website of yours up and running. Content optimization is key, so let us help you build a clean, functional site that will help boost your inbound potential!

Brand New Template for the HubSpot COS!

As one of the first HubSpot Certified COS Design teams, we take pride in our COS work. Especially with January sneaking up on us, more and more HubSpot customers are looking at migrating their site to the COS once they can keep analytic continuity.

COS Tips and Tricks: Why You Need Global Modules and How to Use Them [Instruction & Videos]

NOTE: HubSpot is currently updating its content editor and this guide is for using the old way of doing it. If you want help using the new editor check out this post for creating global modules and this one for how to edit them.

 

Downloading a HubSpot COS template is exciting! In general, these templates are very easy and intuitive to use. Click here to add content, type there to build a blog post, upload here to add an image... however not everything about the COS is as obvious as it could be.

This blog post will take a look at Global Modules, why they're beneficial, and how to use them in your COS site.

Migrating from the CMS to the COS? Here's What You Must Know

If you're a HubSpot Customer, you probably have heard a thing or two about the new HubSpot COS, or Content Optimization System. You also have probably heard a lot of information regarding migrations, analytics, COS Certifications, and much, much more.

The COS itself is a wonderfully simplistic system, but boy, figuring out when and where and how to get on it can sure seem complicated!

Keep reading to see what your business needs to know about your site migration from the HubSpot CMS to the COS.

Easy CTA Design: Making Your Own CTAs in Google Docs [Instructions & Video]

Before reading this guide, you may want to watch the tutorial video at the end of this post!

It's no secret that Calls to Action are one of the most important parts of your Inbound Marketing strategy. If you are a HubSpot customer, you know that the standard HubSpot Calls to Action are great, but sometimes you want to add a little extra "Oomph" to your site. If you're not yet a HubSpot customer, you may be struggling to put together professional Calls to Action for your websites and emails.

COS Tips and Tricks: Updating Your Template Site Menu

The new COS is here! That means that many people are investigating migrating their current sites to the new system. Some HubSpot customers are already getting their feet wet with COS Templates available for purchase on the Marketplace.

While the COS is easy to use for content, some pieces of the layout may be a little trickier for users. Check out our guide to updating your COS site menu below!

4 Ways to Optimize Your Homepage

Imagine you're looking for a specific service or product. What is the first thing you would do? Hop on the computer and use your favorite search engine to search for what you're looking for, of course! You're going down the list of options and you click on a link that looks promising. The first thing you're going to see is a homepage for the business that will solve all of your problems. You're going to decide in just a few seconds whether or not this is the company for you. If their homepage doesn't appeal to you, you're probably going to leave it and never come back. This is why having a great homepage is so important. Your homepage is essentially the online face of your business.

Helpful resources, tips, and how-to's for the HubSpot COS.

Stay Updated

Need HubSpot COS Help?

Featured Posts

Looking for A New HubSpot Template?