How to add a Holiday Message to your website
December 4, 2020 | Beaver Builder, Beaver Themer, Customer Campaign Run Books, Tips & Tricks, Websites + Marketing, WordPress
This guide will show you how to add the Holiday Messages from the example site Here on WordPress and W+M.
WordPress
- On the homepage, in Beaver Builder, click the plus sign in the upper right corner and navigate to the Rows tab.
- Click and drag the “2 columns” option UNDER the hero to a new row.
- Add the chosen image to the column background in the first column.
- Make sure you choose equalize heights, and center align the content by choosing Yes from the “Vertical Alignment” dropdown.
- Give your column a minimum height. In the example, we used 500px for desktop and tablet, and 300px for mobile. Please adjust this to fit the site’s design.
- In the second column add the UABB Info Box module, and add the desired text in the Title field.
- On the link tab of the module, choose “Button” from the Call to Action Type dropdown. Then add the Button text and link appropriately.
- In the second column, add some padding around the info box as needed. For best results, adjust the padding to % instead of px and adjust per screen size in the column settings.
- Click the done button in the top right corner, then click publish.
W+M
- On the home page under the hero, add a new section by clicking the plus sign.
- Go to the “Introduction” options, and choose an option with an image, text, and button.
- Add the desired image, and adjust as needed.
- Add the requested text, and remove any unnecessary text in fields that are not needed.
- Adjust the Action Button to reflect the label and requested link.
- Publish all changes, making sure the changes went through on the live site.
Notes:
- If no button is requested, please do not include one.
- If no image name is provided, center the text and button in a single column.