This guide explains questions and issues that may come up when using templates in the Pacific family (Bryler, Charlotte, Horizon, Naomi, Pacific).
Tip: For general help, see the Pacific template guide.
Add RSVP or registry links
To add these links:
- Create an RSVP button on a Layout Page using a Form Block. This block collects information from visitors.
- Create registry links on a Layout Page with a Grid Gallery Block, using images with clickthrough URLs to different registry sites.
- To see an example of how these look in practice, see the Naomi Live Preview page.
Change the headers and text on Index Pages
Within an Index, how you adjust the color and size of the heading and text depends on the type of page and whether there's a banner image or not. Style this in Site Styles.
For content and album sections with background images:
- Change font and typography using the tweaks in the Main Content section.
- Adjust color and size using the tweaks in the Index Overlay section.
For content and album sections without background images:
- Change font, typography, color, and sizes using the tweaks in the Main Content section.
For Gallery Pages, use the Index Gallery section.
Create a non-cropping banner with an Index
Page banners in any template always experience some cropping, especially on mobile devices.
With the Index Page in the Pacific family, you can create the look of a header banner that doesn't crop:
- Add an Index Page.
- Add a Gallery Page to the Index.
- Add your preferred banner image to the Gallery Page. Don't add more than one image, as this will affect the cropping.
- Add text to the Image Title and Description fields. This text will display over the image.
- In Site Styles, scroll down to Index Gallery and select Design: Slideshow and Slideshow Aspect Ratio: Auto.
- Add any page content you want to display below the banner as a second page within the Index.
Use these Site Styles tweaks to further adjust how the Gallery Page image displays:
- Transparent on Banner Images - Display the site header over the image.
- Gallery Overlay Color - Adjust the color filter over the image.
- Gallery Title and Gallery Description - Adjust the font and color of the gallery image text.
Here's an example of how the page might look:
Gallery images are darker than normal in the Index
The Index Page may be displaying the gallery Index section with a partially opaque filter.
To change or remove this overlay color, use the Gallery Overlay Color tweak in the Index Gallery section of Site Styles. Use the opacity slider to change the transparency.
Gallery overlay colors aren't showing
The gallery overlay color appears when there's a description or title for that image. If there's no description or title, the overlay color won’t show.
To learn how to add an image title or description, visit Using Gallery Pages.
How do I style the pre-footer?
If the pre-footer doesn't have content, it won't be visible when Site Styles is open. To see it:
- Leave Site Styles.
- Add content to the pre-footer.
- Re-open Site Styles to continue making changes.
I can’t find the pre-footer
You may have set the Prefooter to Content: Empty in Site Styles. This hides your pre-footer from visitors and from editing. To make the pre-footer visible again:
- In the Home Menu, click Design, then click Site Styles.
- Scroll down to Prefooter.
- Using the drop-down, set Content to Content: Custom.
- Make style changes, if needed, like setting the background, heading, and text colors.
- Click Save at the top of the panel.
I can't see my separating border
If you can't see the separating borders between sections without banner images:
- Open Site Styles while on the Index Page.
- In the Index section, check Section Separator: Border.
- Change the Border Color tweak. You may need to change the transparency.
Index Page doesn't scroll all the way to the top
When your Index Page is set as the homepage, the Index Page links in the navigation take you to the top of each Index Page section. To have the link for the top section take you to the very top of your site:
- Go to your Index Page.
- From the Home Menu, click Design, then Site Styles.
- In the Site Header section, check Transparent On Banner Images.
This displays your site title and navigation over your site's banners, including the top section of your Index. Clicking the link for the top section in your Index (for example, the Home link on the Pacific demo site) will now take you to the top of your site.
If the Index Page still isn't scrolling to the top, ensure that the first page in your Index is a Layout Page and not a Gallery or Album Page. Gallery and Album Pages don't appear in Index Page navigation.
Index Page has alternating background colors
Two or more sections without banner images in an Index Page can feature alternating background colors.
To disable this feature, choose Section Separator: Border tweak in the Index section of Site Styles. This adds a border between any two consecutive sections without banner images instead.
Navigation icon displays instead of Main Navigation links
To disable this feature, uncheck Always Use Overlay Nav in the Site Navigation section of Site Styles. The navigation will display as text again.
On certain narrow browsers, such as mobile devices, the navigation always collapses behind a ☰, even if you've disabled it. This is part of the template’s design.
Navigation links are missing
First, confirm the pages you want in your navigation are in the Main Navigation section of the Pages panel.
Then, in the Home Menu click Design, then Site Styles. Scroll down to the Site Navigation section and try these troubleshooting tips:
- If an Index Page is set as the homepage, confirm Expand Homepage Index Links is checked.
- If the navigation is displaying as a menu icon in the top-left corner, uncheck Always Use Overlay Nav.
- Check the Link Color isn’t transparent.
Gallery Index sections don't create links in the navigation. Instead, add a content section right above the gallery Index section to introduce it, or add Index anchor links.
Navigation menu displays behind the site title
This can happen when you first uncheck the Expand Homepage Index Links in Site Styles. Save the changes, and refresh the page. The navigation will appear below your site title.
Site title resizes after loading
This happens when the site title is too large to fit in its container. To fix this issue:
- Click the Site Title Font tweak in the Site Header section of Site Styles to ensure the font size is 72 pixels or smaller.
- Use the Site Title Container Width tweak to change the container size to fit the site title.
For the best design, limit the size of your site title to 72 pixels or less. Anything larger that that will cause distortion in the site title, no matter how wide its container is.