Customize your Cobalt Site

When you’re working with the Cobalt theme, you’ll have a series of panels that are configurable to customize certain features on your site. These can be found through Appearance > Customize. After making changes in these panels, be sure to Save & Publish.


Site Identity

You can choose a unique Site Title and Short Site Title for your website.

Site Title

The site title appears to the right of Syracuse University in your site’s header. Typically, the site title is the name of your group/organization/department and

Short Site Title

The short site title is used in the document/tab title on your site. If your department or office name can be shortened to one or two words, or an acronym, use it here.


Header

Header Image

Cobalt recommends a header image size of 3000 x 1120 pixels, though you can crop images to your liking after uploading. To add a header image, click Add New Image in the Header Image panel. You can upload a file or choose one from the media library. Your header image should go hand-in-hand with your Header Content, meaning it should add additional context to your site, rather than decoration. The header image is responsive, so there may be slight changes to its appearance depending on screen size. Ideally, you should test your header image on multiple screen sizes, including mobile, to ensure it communicates the same message across all platforms.

Note: A portion of this image will be covered by the Header Welcome Message.

Header Welcome Message

The Header Welcome Message appears as a text overlay on your header image. This is your primary Call to Action on your site’s homepage, so it should be used to communicate timely and important information to your users. 

When creating a Header Welcome Message:

  • Keep the Header short and sweet!
  • Ensure the Content encourages users to take action/explore your site further
  • Link directly to relevant content

Header Image Overlay

Select an image to be included as an overlay on your featured header image. This functionality is intended for users who would like to feature a department logo in the header. It is not recommended logos be added if you intend to use a Header Welcome Message.

Menus

Cobalt supports the use of one custom menu in the top navigation. You can select which, if any, of your custom menus you would like to use as your Primary Menu.

The menu content and structure can be edited through Appearance > Menus. If you choose to not have a custom menu, all top-level pages will automatically be added to your top navigation in alphabetical order. A Primary Menu overrides this function.


Homepage Settings

You can choose to have your home page display either a Static Page or Your Latest Posts.

Static Page

A static homepage is ideal for administrative departments and offices that will host primarily evergreen content. If you choose to have a static page, you must pick one of your existing pages to assign as the Homepage

When using a static page, the most recent posts (sticky first) can still appear if you check Show News and Events on Front Page. When this option is checked, the three most recently published posts will display below your static content.

Optionally, you can choose to assign one of your pages as the designated Posts Page, which will serve as the home to your site’s blog posts.

Your Latest Posts

Displaying your latest posts on the homepage is a classical blog approach. If your website’s primary function is to provide timely news or blog posts, you should choose to display your latest posts on your homepage, as opposed to static content.

Homepage Featured Navigation

If utilizing the Header and/or Footer Featured Navigations, you can customize the navigation headings. Leave this section blank to hide them from the page.


Footer

Contact Info

By default, all Cobalt sites contain the following information in the footer:

© Syracuse University. Knowledge crowns those who seek her Accessibility | Accreditation | Emergencies | Privacy |

This text is required and cannot be changed. Additionally, you can add your department’s Address, Location, and Phone Number. It is beneficial to include this content because it allows users to easily find your contact information. 

Social Icons

You have the option of adding social media icons in the footer. Social links are available for Facebook, Twitter, YouTube, and Instagram.


Custom CSS

This is a panel specifically meant for adding Custom CSS coding to your website. This should be used sparingly and by someone who is comfortable writing CSS code.