Getting Started – Sycamore Chamber
Custom themes are basically highly customized versions of IDv2. Some things will be the same and some will be different.
The first big difference between custom sites and IDv2 is that you are not building the custom site out like you build out an IDv2 site. On a custom build, you are only entering content. You don’t have as much flexibility and creative freedom with custom builds. If there is something that needs to change in style or format, consult the developer.
- Theme Color Palette – this has already been done for you
- Theme Colors – this has already been done for you
- Site Logo – this has already been done for you
- Site Icon – this YOU will still do. See instructions
Adding Content
Some content will already be added just to build out and style elements of the site. However, this content may need to be edited and you’ll have additional content to add.
Be cautious editing existing content.
- Sometimes classes or ID’s are added to blocks for styling purposes. If those get removed, the page will break.
- Sometimes blocks are placed in a specific order for styling purposes. If those get rearranged, the page will break.
I’ll do my best to keep notes on those areas below.
Button Styles
document color options here…
Home Page
The editor will not match the front end for this page. The positioning would make editing difficult but I’ve done my best to keep content editable here. I strongly suggest editing the actual content (headings, text, images) and leaving the structure intact. List View will be your friend here!
Hero
The structure of the home page hero is outlined here. Pay close attention to the order of blocks and class/ID’s added. These are necessary for front end styles.
Group with ID hero.
— Group with ID hero-copy
— H1 – you may edit this
— Paragraph – you may edit this
— Columns
— Column 1 – empty – this is intentional and should stay empty.
— Column 2
— Image – you may edit this
Buttons (3x – style Default) – these buttons are not in a group. This is intentional.
Member Benefits & Business Advocacy
Group – has no class or ID added
— Columns
— Column 1
— Image – you may edit this
— Column 2
— H2 – you may edit this
— List (style Leaf Bullets) – you may edit this
— Buttons (1x – style Outline) – you may edit this
— Column 3
— H2 – you may edit this
— List (style Leaf Bullets) – you may edit this
— Buttons (1x – style Outline) – you may edit this
What’s Happening
Group with ID events
— Columns
— Column 1
— H2 – you may edit this
— Paragraph – you may edit this
— Buttons (1x – style Outline – border color white) – you may edit this
— Column 2
— Shortcode [chamber-events]
Stats
Group with ID stats – full width
— Group – wide width
— Columns
— Column 1
— Image – you may edit this
— Column 2
— Row
— Group (9x)
— Paragraph – class counter **
— Paragraph
** You must add class counter to the first paragraph in each group. This paragraph contains the animated numbers. The second paragraph has no class and contains the additional text below the numbers. You may edit these.
Sponsors
Group with ID sponsors – full width
— H2 – you may edit this
— Gallery – you may edit this
Interior Pages
Interior pages are generally not as structured as the home page or custom templates are. The interior pages consist of a cover with title block followed by one or more group blocks, depending on your content needs. You can have a little more flexibility in these content areas.
The only thing that is necessary on interior pages is to add the synced pattern (formerly repeatable block), American Craftsmanship, as the last block on the page. It should be grouped. You may also add a background color to the group, if desired. I would suggest keeping this limited to white or light grey.
* If you wish to omit this section, you’ll need to add the max amount of padding to the last group on the page to accommodate the trees just above the footer.