<% user.full_name %>
<% util.level ? util.level.title : '' %>
Explorer Pioneer Apollo Viking Voyager Pathfinder Orion
Points
<% user.points ? user.points.toLocaleString() : 0 %>
Badges
<% util.badgeCount %>
Streaks
Congratulations You've <% util.newestBadge.isCurriculum ? 'completed' : 'earned' %> the
<% util.newestBadge.title %> <% util.newestBadge.isCurriculum ? 'curriculum' : 'badge' %>!
previous
next
Share to Social Media
Linked In Facebook
Status
<% util.level ? util.level.title : '' %>
<% util.level ? util.level.points : '' %>
<% util.nextLevel ? util.nextLevel.title : '' %>
<% util.nextLevel ? util.nextLevel.points : '' %>
Level up! <% util.levelPointsRemaining %> points to go
Level up! <% util.levelPointsRemaining %> points to go
Badges
Completed Hitchhikers Program Track Completed Content Track Completed Pages Track Completed Page Builder Track Completed Search Backend Track Completed Search Frontend Theme Track Completed Search UI React Track Completed Solution Templates and the Admin Console Track Completed Technical Skills Track Completed Platform Basics Track Completed Listings Track Completed Reviews Track Completed Industry Overview Track Completed Analytics Track Completed Industry Overview & Product Basics Track Completed Knowledge Assistant Track Completed Multi-Language Experiences Track Completed Fall '22 Release Highlights Track Completed Spring '23 Release Highlights Track Completed Chat Track Completed Summer '23 Release Highlights Track Completed Fall '23 Release Highlights Track
<% util.expandBadges ? 'Less' : 'More' %>
Playground Accounts
New +
No Playground Accounts
Create Playground +
View Profile
Log Out loading
Mission Complete! 🚀
Congratulations, you’ve completed your first module!

We hope you enjoy exploring the rest of the site. Please don’t forget to leave us feedback - we are constantly looking to improve. Happy Hitchhiking!
Home
Welcome to Hitchhikers! 👋
To learn more about the platform we encourage you to get started by completing the Hitchhikers Program Track and earning your first badge!
Start Here
Close notification
Arrow Back
Module 1
Overview of the Search Frontend Theme
completed
Module 2
Results Pages
completed
Module 3
Page Components
completed
Module 4
Result Cards Overview
completed
Module 5
Change Page and Card Structure
completed
Module 6
Branding and Styling
completed
Module 7
Debug and QA
completed
Module 8
Integration
completed
Module 9
Upgrade the Theme and SDK
completed
Module 10
Search Frontend Theme - Final Challenge
completed
Module 11
Search Backend and Frontend Theme - Final Challenge
completed
home

Branding and Styling | Yext Hitchhikers Platform

This module will teach you how to customize the branding and styling of your experience to match your business needs. This includes updating standard branding elements, creating custom styling elements, and adding assets.

What you'll learn

  • List and navigate to the two files that control CSS styling
  • Identify the properties that update multiple styling elements at once
  • Write code and place it in the proper file to style a custom element
Get Started
30 minutes 160 points
Part of:
search-frontend-theme

Unit 1: Update Standard Branding Elements

5 min, 20 points
completed

Unit 2: Update Custom Branding Elements

5 min, 20 points
completed

Unit 3: Add Images and Fonts

5 min, 20 points
completed

assessment

Module Assessment

15 min, 100 points
completed
Feedback
30 minutes 160 points
Part of:
search-frontend-theme