Cambridge Homepage Sections Documentation
Slideshow:
Blocks: Add slide
Block settings:
Image
Slide Link - add a url link to slide
Subheading - adds a subheading above the heading
Heading - Main header for the slide
Heading text size - change font size for the header
Text - adds text below the heading
Enlarge text - makes text taller
Button - adds a button to slide
Text alignment - moves image to center, left, right, top, and bottom.
Settings:
Mobile heading font size - change font size mobile heading
Mobile subheading font size - change subheading font size
Slideshow text block background color - change background color of text block
Slideshow margin top - change margin top of slideshow
Slideshow margin bottom - change margin bottom of slideshow
Heading letter spacing - change letter spacing of the header so the letters are more spaced out
Subheading letter spacing - change letter spacing of the subheader so the letters are more spaced out
Heading margin top - Change space of bottom header so theres more space between the header and subheader
Bottom title letter spacing - change the bottom subheader so letter spacing
Bottom title font size - change font size of title
SVG file name - Set file name of svg from the file folder in Settings → files
Social media link - set link to the svg icon above
Slide height - change the height of slide to take up full screen or fixed height
Desktop fixed height - change the height of slideshow when it’s desktop
Mobile fixed height - change the height of slideshow when it’s on mobile
Full page width - set width of slideshow
Show text below image on mobile - set text position on mobile
Overlay style - set overlay style
Slideshow navigation:
Transition - change the animation of slideshow transition from slide to slide
Slide navigation style - change navigation style to dots or arrows
Auto rotate slides - rotates slides automatically
Change slide every - Changes slides to set amount of seconds when slideshow transitions automatically
Text columns with images
Add circle blocks
Blocks settings:
Text color - choose text color for the circle block
Image - choose image for the circle block
Image - width change width image of circle block
Heading - heading for the circle block
Text - text that will show under the heading in the circle block
Button label - optional adds button link under the text and heading
Link - add link to circle text block
Settings:
Enable circles - when unchecked it will turn the circle block to a square
background color - change background color of section
Top padding - add top padding for section
Bottom padding - add bottom padding for section
Top margin - add top margin for section
Bottom margin - add bottom margin for section
Heading - add a section heading above the circle blocks
Text alignment - choose how the text is aligned for the circle blocks
Use alternate color - changes to the default color
Table section
Add two blocks max of two
block settings:
Subheading - set subheading that will be on top of the heading
Heading - set heading of the text block this will be below the subheading
Letter spacing heading - set the spacing between letters for the heading making them more spaced out
Letter spacing subheading - set the spacing between letters for the subheading that is on top of the heading
Paragraph - add a paragraph for the text block
block background color - this is the color of the block text background
Button text - set butt text so a button shows up on the block text
Button background color - background color of the button
Enable button border - enable or disable button border color
Button border color - set button border color
Button text color - set color for button text
Button hover background color - set background color of button when hovering on button
Button hover text color - set color of text when hovering over button
Button link - set link for button of text block
Text alignment - set text alignment for text and the button of the block text
Settings:
Set blocks to take full width so they touch the edge of the screen
Image with text
Enable touch edge of screen - makes the section full width making it touch the screen from left and right
Image - choose an image
Image alignment - changes if the image is left or right
Heading - add a heading for the text block
Subheading - add a subheading for the text block below the header
Text under subheading - add text under the subheading
Translate text block - move text block up and down
Text padding - adds padding to text block
Letter spacing - changes text block letter spacing
Button text - adds a button linked
Button background color - color for button background
Enable transparent button background color
Button link - add link for button
Block background color - changes background color of text block
Block text color - changes color of text for text block
Text alignment - change alignment of text
Offset text - adds text to image block
Offset textbox position - changes text position for the image
Tabbed Swatch Section
Add blocks
Block settings:
Swatch type - change how the slides are filtered using color, handle (name), or images
Swatch image - choose an image for the swatch type to use for filtering
Swatch color - choose a color for swatch type for filtering
Tab collection - choose collection to show when the swatch is selected
General settings:
Heading - add a heading above the swatches
Subheading - add a subheading below the heading
Subheading letter spacing - adjust spacing of letters for the subheading
Paragraph text - add text below the list of swatches
Heading text color - change heading text color
Subheading text color - change subheading text color
Paragraph text color - change paragraph text color
Show product vendor - will show vendor name under the image swatches but above the swatch product name
Enable carousel - enables carousel when disabled it shows the images in a grid
Products per row - max of 4 products per row in grid
Rows - amount of rows for grid
Full page width - makes the slider full width making the arrows touch the screen
Show shop all button - shows a shop all button below the carousel
Shop all button text - add text for the shop all button
Shop all button link - add link for shop all button
Shop all button background color - background color for shop all button
Shop all button text color - text color for shop all button
Shop all button hover background color - hover background color for shop all button
Shop all button hover text color - hover text color for shop all button
Blog image with text
Margin top - space above blog image with text
Margin bottom - space below blog image with text
Link - for the blog image with text
Enable background image - when enabled shows the image that is selected
Container background color - when image is disabled it shows this background color
Background image - add background image this will show when background image enabled
Text block width - adjust width of the text block on the image
Title image - add image for title image on the text block
Title image width - adjust title image width to match text
Title - title text for the text block on the image
Title font size - adjust title font size for the text block
Mobile title font size - adjust title font size for mobile devices
Title letter spacing - adjust spacing for letters for the title text
Mobile title letter spacing - letter spacing for the mobile title text block for mobile devices
Caption - add a caption text below the title in the text block on the image
Caption font size - adjust font size for caption
Caption letter spacing - adjust letter spacing for caption
Mobile caption letter spacing - adjust caption letter spacing
Text color - change text color for the text in the text block
Background color - change background color for the text block on the image
Text alignment - set the position of the text block with the title and caption and title image
Blog posts
Heading - set heading for blog posts section
Heading font size - adjust heading font size
Heading letter spacing - adjust heading letter spacing
Blog post excerpt width - adjust blog post excerpt width making the text below the image more condensed
Blog post excerpt font size - adjust font size for the text below the image
Enable title bold - enables bold for the blog posts titles
Title margin bottom - adjust space below blog post title
Blog post title width - adjust width title making the text more condensed
Blog post title font size - adjust title font size for the blog post
Title letter spacing - adjust letter spacing for title
Blog post button width - adjust button width for the blog post
Blog post button font size - adjust font size for button text
Enable excerpt - when enabled the excerpt text will show if there is no blog post content
Excerpt letter spacing - adjust letter spacing for excerpt text/blog post content
Background color - set background color for blog post container
Button background color - set button background color
Button border color - set button border color
Text alignment - set text alignment of blog post text excerpt
Blog - choose a blog to show the blog posts
Posts per row - adjust how many rows for the blog posts
Enable 2 posts row - enables two post per row
Posts - set amount of posts to show
Show author - show the author of the blog post
Show date - show the date when the blog post was published
Image size - set the image dimensions
Custom content
Add blocks
Image
Width - adjust width of image based on percentage of the container
Image - set image
Image alignment - adjust image alignment
Image height - set natural image height that will automatically scale or fixed height based on values below
Desktop fixed height - adjust fixed height of image on desktop
Mobile fixed height - adjust fixed height of image on mobile devices
Subheading - add subheading text above the heading text
Heading - add heading below subheading text
Text - add text below heading
Enlarge text - makes the text below the heading bigger
Button - add button text to add a button on the image
Image link - add a link for the image
Text alignment - set text alignment of text on the image
Layout - Show text below the image on mobile
Overlay style - add a tint overlay, box background behind the text, or set no background
Text
Width - set width of rich text by percentage of the container
Subheading - add a subheading above the heading
Heading - add a heading below the subheading
Text - add text below the heading
Button - add a button below the heading
Button link - add a link for the button
Button style - set button style to primary color, secondary color, or link style with underline
Text alignment - set alignment of text for all text and the button
Embedded video
Width - set width of embedded video by percentage of the container
Video URL - add video url of video to show
Custom HTML
Width - set width of custom HTML by percentage of the container
HTML - Add html for custom content
Header
Margin top - adjust space above the header
Margin bottom - adjust space below the header
Title - add title for header
Text color - set text color of text for the header
Subheading text - add subheading that will show below heading
Heading font size - set font size for the heading
Subheading font size - set font size for subheading
Enable bold headings - makes the header text bold
Heading letter spacing - adjust letter spacing for heading
Subheading letter spacing - adjust letter spacing for subheading
Mobile settings:
Mobile heading font size - adjust font size for mobile heading
Mobile subheading font size - adjust font size for mobile subheading
Mobile heading letter spacing - adjust letter spacing for heading
Mobile subheading letter spacing - adjust letter spacing for subheading
Instafeed App
Heading font - set heading font family (heading must be set in app to show)
Heading size - set heading font size (heading must be set in app to show)
Custom code (optional) - add custom code to the instafeed section added by app
Newsletter
Email textbox width - adjust email textbox width
Heading - add a heading above the subheading but below the top subheading
Heading font size - adjust heading font size
Heading letter spacing - adjust letter spacing font size
Enable heading bold - Bold the heading of newsletter
Top subheading - add top subheading above the heading
Subheading margin bottom - adjust space below subheading
Top subheading font size - adjust top subheading font size
Subheading - add subheading below heading
Subheading line height - adjust line height of subheading
Subheading font size - adjust subheading font size
Subheading width - adjust subheading width making the text more condensed
Subheading margin top - adjust space above subheading
Placeholder text - text that is inside the email textbox as a placeholder
Background color - set background color of newsletter
Text color - changes text color for all text, input border color, and svg color