Jump to content
K.Ermit

How can I change the default font size of the text widget?

Recommended Posts

Every time I add in a text widget,, I have to resize the text, as it starts too small, is there a way of setting the size be default?

Share this post


Link to post
Share on other sites

You can do this, using the HTML widget with a small amount of CSS, these tutorials on the Community site show you how to change the text size, change the default link colour and use CSS to give you greater control over how Frog looks:

https://www.frogeducation.com/community/tutorials/html-tutorials/css-styling

This is the video for the font-size:

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Graham Quince
      Some of you have already spotted this tutorial, but we've just updated it to reflect feedback from schools.
      You can now use the same code 'hack' a menu to open external links, subpages and even sites
      https://www.frogeducation.com/community/tutorials/frogcode-tutorials/external-links
    • By K.Ermit
      Hi,
      I have been provided with this code from Linguascope, but it doesn't work in the HTML widget.   
      <script language="javascript" src="http://www.linguascope.com/link/login/linguascope_login250x250.js"></script> Can anyone help please?
    • By Dawn Spears
      Hi,
       
      I have set up a sildeshow, using a file drop as detailed in the tutorial below:
      http://www.frogcommunity.com/app/os#!filedrop/slideshow
       
      My first slideshow was working correctly, and I could add/remove files to the drop and the correct pictures were showing.
      I then tried to add another slideshow (on a new tab within the site), so set up a new file drop, got the new ID and created the HTML again as per the tutorial, however the second file drop won't work as expected. The pictures from the second file drop show up in the first slideshow, despite them having completely different IDs. If I set up a list of file names for the second file drop, the files are correct, but they are showing on the wrong page. Sometimes they appear as part of the slideshow, and other times the new pictures are above the first pictures. I will attach some screenshots so that hopefully you can see what I mean.
      Additionally, the first file drop will work correctly until I try and look at the second file drop, then when I go back to the first I have the problem (caching issue maybe?).
      First file drop showing Micky Mouse correctly:
       
       
      2nd file drop showing only the file name (testing) widget. The file drop arrows show up but no pictures.

       
      Now, I go back to the first tab and Goofy is showing despite him being on the other file drop.

       
       
      Any ideas?
       
      Kind regards
       
      Dawn
    • By mobrien
      Dear Community,
      On the Frog website designs showcase page, there is a link to Theale Green School. We have noticed that they have a calendar widget on their homepage without the skeuomorphic red rings at the top.
      Does anyone have some code to achieve this with the HTML widget? All I have managed to do so far is remove the header text.
      Thanks,
      Michael

    • By mobrien
      @Graham Quince and community Frog,
      In another topic about HTML tables that @Chris.Smith is providing me with a huge amount of hand-holding, he mentioned amending the data contained within my HTML code using a script and JSON format data. It is much simpler than lines and lines of HTML for each row data.
      It started me thinking: further to our discussions about using FireBase to contain and access individualised data, could there be an alternative method written directly into the HTML widget, without the need for FireBase?
      My thinking for the HTML is as follows, and as mentioned in my other post, please note that my skills are barrel bottom in terms of availability:
      1. Call up/define the logged in user's upn, as described in the "Displaying personalised, custom data" post on the Frog Community
      2. Define a table
      3. Provide all required table cell data in JSON format within the script (see below)
      4. Populate the data in the table with the fields that ONLY correspond to those that match the user's upn. This would somehow also require the data in the JSON format to contain and recognise the upn? Upn would obviously not be displayed.
      @Chris.Smith included the JSON data as follows. I have amended it to include a reference upn and an alternative use.
      data = [ { upn: 'FRG_12321', name: 'Student Tom', house: 'Bowman', tutor: 'ACR', MyMaths un: 'Tom', MyMaths pw: 'tree' }, { upn: 'FRG_34243', name: 'Student Sarah', house: 'Fulford', tutor: 'MOB', MyMaths un: 'Sarah', MyMaths pw: 'flower' } ]; The applications for this are enormous, such as passwords as in the data, or sharing student grades.
      Hope you can help,
      Michael
×
×
  • Create New...