Hi guys,
I hope this all makes sense but I have been struggling trying to work out why what I see in the working pane does not match either the preview or browser preview. I have gone back to the basics and created a one column with two text elements in it, each text element having slightly different text fonts and formats etc, but when I open the preview pane both fonts are exactly the same.
I have looked at the preview outputs in three browsers and also the exported folder index.html all display the same.
Below is the copied and pasted source codes from the chrome browser -
This is the source code for the index.html -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="row">
<div class="coffee-span-12 text">
<span class="text-element size-12">Text</span>
<span class="text-element size-14">Text</span>
</div>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
</body>
</html>
This is the main.css source code:
@media screen and (max-width: 960px) {
/* Text Elements */
span.text-element.size-12 {
font-style: italic;
font-size: 12px;
font-family: Georgia, Times, 'Times New Roman', serif;
}
span.text-element.size-14 {
font-size: 14px;
font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
}
}
And this is the end result output in Google Chrome:
Text
Text
I cannot understand why the browser is not displaying what the main.css says it should be displaying.
I have reinstalled the RSD app, cleared the browser cache, deleted all the exported folders and started from scratch ,and sytematically gone thru everything I can think of that might influence the output.
One thing I did find was after I installed the RSD app on another laptop, the preview pane in RSD did show what was seen in the working pane, but the browser output remained the same.
Another thing I noticed was when I was doing the instructional vids I could progress thru them without any probs but then all of a sudden I began having probs with the heading elements and the layout in general.
Hope you can put my brain to rest and it is just me totally getting it wrong somewhere.
I have another issue that I have found when I was experimenting with RSD, that is I am using a 3rd party menu maker and included it using PHP (changed the index filename ext to .php), but it seems to be having issues displaying properly, in a process of elimination I removed the css files from within the exported css folder one by one until I found that coffeegrinder.min.css appeared not to like my menu css. I mention this little prob only incase there is a quick fix for it but I want to stay focused on the first problem I am having.
For your consideration
Kind Regards
Warwick P Taylor
Preview and Browser Preview does not...
Warwick Taylor
Registered User
11 posts
Eric Rohloff
Senior Advisor
20,266 posts
Online Now
Make sure you don't have your browser zoomed up.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Warwick Taylor
Registered User
11 posts
Thanks Eric,
We think we have ID'd the prob...not sure how or why but after installing on 4 laptops to test the install app and finding the same issues on all, I downloaded the RSD install file again, cleaned out the registry of one of the laptops and clean installed again...so far it is working as it should on that laptop including the prob with the 3rd party menu not displaying properly.
Cheers
We think we have ID'd the prob...not sure how or why but after installing on 4 laptops to test the install app and finding the same issues on all, I downloaded the RSD install file again, cleaned out the registry of one of the laptops and clean installed again...so far it is working as it should on that laptop including the prob with the 3rd party menu not displaying properly.
Cheers
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
