Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Since the last post - I've changed from EM to PX to see if that would make a difference. It doesn't!
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Thanks Nancy, I'll take a look. 🙂