changing your theme, fonts, and social icons in weebly section...

5
Changing Your Theme, Fonts, and Social Icons in Weebly Section 1: Changing Your Theme 1. Log into your Weebly Education account at: https://education.weebly.com 2. Click the Edit button to edit your site. 3. Click the Design button in Weebly’s Site Creator Toolbar 4. Click the Change Theme button. 5. Scroll through the themes that appear in the Site Creator Window. July 2014 1

Upload: others

Post on 22-May-2020

11 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Changing Your Theme, Fonts, and Social Icons in Weebly Section …edtechspot.weebly.com/.../2/6/7/5/26757412/4_weebly_theme_font_s… · Changing Your Theme, Fonts, and Social Icons

Changing Your Theme, Fonts, and Social Icons in Weebly!!Section 1: Changing Your Theme!!1. Log into your Weebly Education account at: https://education.weebly.com!2. Click the Edit button to edit your site.!!!!!3. Click the Design button in Weebly’s Site Creator Toolbar!!!!4. Click the Change Theme button.!!!!!!!!!!!!!!!5. Scroll through the themes that appear in the Site Creator Window. !!!!!!!!!!!!!!!!!!!!July 2014! ! � 1

Page 2: Changing Your Theme, Fonts, and Social Icons in Weebly Section …edtechspot.weebly.com/.../2/6/7/5/26757412/4_weebly_theme_font_s… · Changing Your Theme, Fonts, and Social Icons

6. You can preview your website in the theme by clicking on the links in your navigation menu. You can also change the ! theme’s preview color. Click Choose to switch to the theme. Click Cancel to go back. !!!!!!!!!!!!!!!!!!!!!Section 2: Changing the Font!!1. Click the Design button in Weebly’s Site Creator Toolbar.!!!!2. Click the Change Fonts button.!!!!!!!!!!!!!!!!!!!!!!!July 2014! ! � 2

Navigation Menu

Page 3: Changing Your Theme, Fonts, and Social Icons in Weebly Section …edtechspot.weebly.com/.../2/6/7/5/26757412/4_weebly_theme_font_s… · Changing Your Theme, Fonts, and Social Icons

3. You can change the font for the text in the Header and General Areas. As you move your mouse over the text listings under Header and General, it will highlight the text you will be changing on your website page in the Site Creator Window.!!!!!!!!!!!!!!!!!!!!!!!

!

!!!!!! !!!!!!!!!!!!!!July 2014! ! � 3

Example: If I place my mouse on Site Title, that text item will highlight blue in the Site Creator Window. This helps you to know exactly what text you will be changing.

Page 4: Changing Your Theme, Fonts, and Social Icons in Weebly Section …edtechspot.weebly.com/.../2/6/7/5/26757412/4_weebly_theme_font_s… · Changing Your Theme, Fonts, and Social Icons

4. Click on a text area underneath Header or General that you would like to change. In the window that appears, you can change the font’s style, size, and color.!!!!!!!!!!!!a. Click Default to change the font’s style. Then, click on a font below to select it. You will immediately see the

change in the Site Creator Window. To choose a different font, click the name of the font showing and choose another one. Repeat until you find the font style you like. (Changing your Paragraph Titles, Text, Links, etc. on one page will change the font for similar text on all of your pages. This helps to keep your font consistent throughout your website.)!!!!!!!!!!!!!!!!!

b. Use the minus (-) and plus (+) buttons to change the size of the font and the line height. Use the buttons beside weight and color to adjust the style (regular, bold, light, ultra light) or the color. (Not every font will have the same options.) If you like your changes, click the < Change Font back button to save them. Use the Reset button to cancel your changes. !!!!!!!!!!!!!!!

July 2014! ! � 4

Page 5: Changing Your Theme, Fonts, and Social Icons in Weebly Section …edtechspot.weebly.com/.../2/6/7/5/26757412/4_weebly_theme_font_s… · Changing Your Theme, Fonts, and Social Icons

Section 3: Removing social icons and the phone number!!1. Click the Design tab in Weebly’s Site Creator Toolbar.!!!!2. Click the button beside Social Icons and Phone Number to turn them off. !!!!!!!!!!!!!!!!!!!!Looking for additional resources? Check out the Weebly help center at: https://weebly.zendesk.com/hc/en-us

July 2014! ! � 5