You Changed the Heading on the WA Homepage

You will notice the WA webpage changed as shown here:

Now, hit the Refresh button and it returns to what the WA webpage still appears as.


I hope everyone is with me so far. Okay. that was the easy part of the lesson. I wanted to first show you how to change text on a webpage. You can also change numerical parameters. Go into your WA space and you will see a familiar looking screen. Notice along the top, there is the black bar and right under it has the activity dashboard followed by activity, classrooms, Top 10, My Notifications, etc. Suppose we wanted to add what is know as "padding" between the top black bar and the rest of the webpage. First the top of our WA screen looks like this (before shot):

Sign into WA and bring up your Firebug code box. Note the code box where I have highlighted in yellow the code we will change. Currently it says 42px. That line of code is telling us that there are 42 pixels located within the padding from the top.

Now change that 42 to 100 as shown here:

What happened? You should see the following. Note there is a large gap between the top black bar and the rest of the webpage

And just like before, you can hit the refresh button and it returns to normal.




Join the Discussion
Write something…
Recent messages
solidbase Premium
Thank you Stephanie.
I have saved all of this, because as you know, I know nothing about HTML. :(
Be sure that I will come hollering if I get stuck one day.
I appreciate all your valuable tips and training.
-Theuns
Reply
stephhill Premium Plus
Hi Theuns!

Nice to be appreciated. :)
Reply
turborick Premium
Okay here is a dumb question. How do you switch over to Firefox browser?
Reply
stephhill Premium Plus
Hi...I am sorry. I should have included that in the training. Go here to download Firefox

https://www.mozilla.org/en-US/firefox/new/

But I think you can also use Firebug in other browsers too. If you prefer Google Chrome is the download page:

https://getfirebug.com/releases/lite/chrome/

And here is a download for IE:

https://getfirebug.com/firebuglite
Reply
sasselin Premium
Thank you Stephanie for all your training.
Reply
stephhill Premium Plus
You are welcome.
Reply
TheAnswerGal Premium
Thank you Stephanie. Firebug looks like a pretty awesome tool.
Linda
Reply
stephhill Premium Plus
Thank you Linda. I think it has potential to help those who do not want to take the risk of breaking their website by making a change in HTML. This way, they can create a draft form of what the changes will look like.
Reply
HelenpDoyle Premium
Will certainly look at this one. (Actually a firebug is someone who starts all these nasty bushfires in Oz!)
Reply
stephhill Premium Plus
Do you the movie Wizard of Oz Helen? I don't remember anything called firebugs, but then again it has been a long time since I have seen the movie.
Reply
HelenpDoyle Premium
Sorry, our affectionate name for Australia.
Reply
Top