Original content by Andrea Bell

Chapter 1

August 22, 2022

  • 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
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.

Donate to Andrea's SNO Demo Site
Our Goal

Comments (0)

All Andrea's SNO Demo Site Picks Reader Picks Sort: Newest

Your email address will not be published. Required fields are marked *