Website Builders Templates & Design Customization 2 — Questions and Answers
Question 1: What is a 'hero section' in a website builder template?
- The large prominent banner at the top of a page, usually with a headline, subtext, and call-to-action button (Correct answer)
- A section dedicated to customer testimonials and reviews
- A full-page video background that plays automatically
- A sticky footer that stays visible while scrolling
Correct answer: The large prominent banner at the top of a page, usually with a headline, subtext, and call-to-action button
A hero section is the first full-width visual section visitors see at the top of a page, typically containing a headline, supporting text, and a CTA button.
Question 2: What does 'font pairing' mean when customizing a website builder template?
- Selecting two complementary fonts — one for headings and one for body text — that work well together visually (Correct answer)
- Uploading two custom font files to the builder's asset manager
- Setting the same font across all text elements for visual consistency
- Choosing a font that matches a competitor's website style
Correct answer: Selecting two complementary fonts — one for headings and one for body text — that work well together visually
Font pairing involves choosing two typefaces that complement each other aesthetically, typically a display font for headings and a readable font for body copy.
Question 3: Which CSS concept, supported by website builder advanced design settings, controls the transparency of an element?
- Opacity (Correct answer)
- Z-index
- Overflow
- Display
Correct answer: Opacity
The CSS opacity property sets how transparent an element is, ranging from 0 (fully transparent/invisible) to 1 (fully opaque/visible).
Question 4: What is a 'call-to-action (CTA) button' in website builder design?
- A prominently styled button that directs visitors to take a specific action, like 'Sign Up' or 'Buy Now' (Correct answer)
- A button that opens a support chat window automatically
- A navigation button that links to the site's contact page only
- A button that appears only on mobile versions of the site
Correct answer: A prominently styled button that directs visitors to take a specific action, like 'Sign Up' or 'Buy Now'
A CTA button is a designed, prominently placed clickable element that prompts a visitor to take a desired action such as purchasing, subscribing, or contacting.
Question 5: Which website builder design feature lets you set a full-width video from YouTube or Vimeo as the background of a page section?
- Video background section (Correct answer)
- Parallax scroll effect
- Lightbox gallery
- Looping slideshow banner
Correct answer: Video background section
A video background section embeds a looping video from a hosted source as the visual background of a full-width content section.
Question 6: What is the purpose of a 'global color palette' setting in a website builder?
- Defining a set of brand colors that apply consistently across all pages and elements when updated in one place (Correct answer)
- Limiting the number of colors a user can apply to prevent design mistakes
- Automatically matching your site's colors to your logo upload
- Selecting the color scheme for your email marketing templates only
Correct answer: Defining a set of brand colors that apply consistently across all pages and elements when updated in one place
A global color palette lets you define brand colors once and reference them throughout the site, so changing one palette color updates all elements using it.
Website Builders Templates & Design Customization 2
What is a 'hero section' in a website builder template?