Skip to main content
C
CaryIreland
Participant
March 5, 2021
Question

Changes made in Font Sizes not showing up in live version

  • March 5, 2021
  • 3 replies
  • 405 views

Hi everyone, I'm fairly new to Dreamweaver, so be gentle with the tech talk! 🙂 🙂 

 

This is my 'play site', that I'm using to get a template right before starting the new site. 

http://www.karinac.sg-host.com/artistlookup/artist2.html

 

I want to design a site specifically for mobile. So would like to test different font sizes. I increased the paragraph font size to 1.3EM (about 20px) - so big. It is changed in the css file - and inside dreamweaver, the increased typeface is reflected on the page. However, on live view - no change. 

 

This is the CSS file attached to it: http://www.karinac.sg-host.com/artistlookup/artist.css

 

Any ideas? 

 

Many thanks 

Karina

 

 

    This topic has been closed for replies.

    3 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    March 5, 2021

    You can save yourself a LOT of time and trouble if you create your new site with a responsive framework.

     

    Bootstrap is the most popular framework for building responsive sites that look good on ALL devices, not just mobile phones.  And Bootstrap is integrated into DW CC which will save you a lot time.  More importantly, Bootstrap takes care of the CSS for you so you don't need to create any CSS Media Queries. Font sizes are already taken care of.

     

    To get started with Bootstrap, go to File > New > Starter Templates > Bootstrap Templates. Select one of the starter pages and hit the CREATE button.   Save your newly created page as index.html and test it in real browsers and mobile devices.  Use F5 or Ctrl + R to reload your page in the browser.

     

    For more on code and Bootstrap's responsive layout system, see links below.

    - https://www.w3schools.com/html/
    - https://www.w3schools.com/css/
    - https://www.w3schools.com/js/

    - https://www.w3schools.com/bootstrap4/default.asp

     

    Nancy O'Shea— Product User & Community Expert
      C
      CaryIrelandAuthor
      Participant
      March 7, 2021

      Thanks Nancy, I'll take a look. 🙂 

      Jon Fritz
      Community Expert
      Jon FritzCommunity Expert
      Community Expert
      March 5, 2021

      You may just need to refresh the live view by hitting F5.

      If the page is free of errors (check in the validator at http://validator.w3.org/nu) and looks right in the actual browsers, it may just be an instance of DW's live view not being a true browser, and getting hung up on something that isn't technically wrong.

      It happens.

        C
        CaryIrelandAuthor
        Participant
        March 7, 2021

        Thanks Jon. The code is clean. It's beginning to show up correctly now - but I have to do a hard reboot of browswers when I look at it live on my iphone, ipad, PC or any other device. Seems to be snarled up. But OK for now. Thanks

         

        C
        CaryIrelandAuthor
        Participant
        March 5, 2021

        Since the last post - I've changed from EM to PX to see if that would make a difference. It doesn't! 

         

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices