Container Story

August 22, 2022

Chapter 1

Sample Student

Replace your Site Header – Text to a Site Header – Graphic (use any image as a placeholder for now)
Create a new row in the Header space and split it into three columns
Place social media icons, current date, and search icon in each of the three newly created columns
Adjust the widths of the new columns
Change social media icons to be full color and left-aligned
Change the search icon to a different background color and make it right-aligned
Edit a row style to change the background color to black, extend it across the full browser width and make sure all elements within the row have a black background
Change the menu element to display the new menu you created earlier
Change the hover color and text hover color in your menu element
Add URLs for your own social media profiles to Social Media Icons
Find two new Google Fonts to use as Headline and Body Text fonts
Adjust the weight of your new Headline font to make it bolder
Find an existing widget style on your site, customize it to your liking and refresh the homepage to see your changes
Customize Widget Style 8 to your liking
Change the Headline Link color and set the style to highlighter
Add a Comments policy to your site
Play around with your Sharing Icons design and customize them to your liking
Change Galleries style to Inline and go view your previous Photo Gallery story to see the different display

Chapter 2

Sample Student

Caption for this featured image appears here. It must be at least 10 words in length. Sally Sue.

Replace your Site Header – Text to a Site Header – Graphic (use any image as a placeholder for now)
Create a new row in the Header space and split it into three columns
Place social media icons, current date, and search icon in each of the three newly created columns
Adjust the widths of the new columns
Change social media icons to be full color and left-aligned
Change the search icon to a different background color and make it right-aligned
Edit a row style to change the background color to black, extend it across the full browser width and make sure all elements within the row have a black background
Change the menu element to display the new menu you created earlier
Change the hover color and text hover color in your menu element
Add URLs for your own social media profiles to Social Media Icons
Find two new Google Fonts to use as Headline and Body Text fonts
Adjust the weight of your new Headline font to make it bolder
Find an existing widget style on your site, customize it to your liking and refresh the homepage to see your changes
Customize Widget Style 8 to your liking
Change the Headline Link color and set the style to highlighter
Add a Comments policy to your site
Play around with your Sharing Icons design and customize them to your liking
Change Galleries style to Inline and go view your previous Photo Gallery story to see the different display

Comment Here

Donate to Andrea's SNO Demo Site

$500

Contributed

Our Goal

Your donation will support the student journalists of SNO Demo - Andrea Bell. Your contribution will allow us to purchase equipment and cover our annual website hosting costs.