CSS Files
David Harney
Registered User
25 posts
I'm exporting RLMP files and I need to combine Coffee CSS with other CSS files. It appears that the only file that changes (as I make changes in RLMP) is the "main.css" file. Are there any changes that I make in RLMP that would cause changes in "coffeegrinder.css" or "wireframe-theme.css" or can I just add these files once to my website and forget about them? Thanks.
Mansour ...
Ambassador
938 posts
As you see in HTML file <head> there are 3 following CSS linked, so I believe you can't ignore those 3 css
<head>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
For your info coffeegrinder.min.css is compressed version of coffeegrinder.css and wireframe-theme.min.css is compressed version of wireframe-theme.css a well.
<head>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
For your info coffeegrinder.min.css is compressed version of coffeegrinder.css and wireframe-theme.min.css is compressed version of wireframe-theme.css a well.
Guys at coffeecup are awesometacular.
Brian Durfee
Senior Advisor
1,096 posts
In the export, you will find 5 files. 3 of them will be referenced in the exported html.
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
Uncompressed (and unused) files - main.css, coffeegrinder.css and wireframe-theme.css:
Main.css is used on the site, but the other two are not. These uncompressed files let you see easily what is in the compressed files without having to use a 3rd party to read the compressed files.
Compressed files - coffeegrinder.min.css and wireframe-theme.min.css:
These are the compressed versions that are used on the site. The compression helps optimize the site performance.
HOW TO MAKE CSS CHANGES
If you need to make alterations, the best way is to use a custom.css file that YOU create. In RLM, go to the Layout Manager and click on the page where you want custom.css. Add the link there. When you export the project, it will already have custom.css in the <head>. Using this method, you can (1) safely make changes without messing up the exported code and (2) so that your changes do not get overwritten when the project is re-exported.
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
Uncompressed (and unused) files - main.css, coffeegrinder.css and wireframe-theme.css:
Main.css is used on the site, but the other two are not. These uncompressed files let you see easily what is in the compressed files without having to use a 3rd party to read the compressed files.
Compressed files - coffeegrinder.min.css and wireframe-theme.min.css:
These are the compressed versions that are used on the site. The compression helps optimize the site performance.
HOW TO MAKE CSS CHANGES
If you need to make alterations, the best way is to use a custom.css file that YOU create. In RLM, go to the Layout Manager and click on the page where you want custom.css. Add the link there. When you export the project, it will already have custom.css in the <head>. Using this method, you can (1) safely make changes without messing up the exported code and (2) so that your changes do not get overwritten when the project is re-exported.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
David Harney
Registered User
25 posts
Thanks for the comments. I'm still wondering about my original question as my situation is a little more complicated - I'm developing in VS2013 and ASP.NET MVC 5 (but the details of this aren't really important). But, I don't think I explained my question very well.
After I laid out my basic wireframe, I exported and moved the CSS files to my VS project. Then, I tweaked the layout in RLM and repeated the process. From what I've experienced so far, as I make changes in RLM, only main.css seems to change and so, I stopped refreshing the other two CSS files - I just left the original ones in place in my project. I realize they have to be there.
So, the question is, once I've moved coffeegrinder and wireframe-theme to my project, do I need to keep moving/refreshing these files as I make changes in RLM, or are these static files? So far, it seems they are static but I'm wondering if there are certain types of changes that I make in RLM which will propagate changes into these files?
Otherwise, I'm doing OK with just dealing with the changes in main.css and it's a timesaver to not have to keep moving the other two. Thanks again for helping me understand this.
After I laid out my basic wireframe, I exported and moved the CSS files to my VS project. Then, I tweaked the layout in RLM and repeated the process. From what I've experienced so far, as I make changes in RLM, only main.css seems to change and so, I stopped refreshing the other two CSS files - I just left the original ones in place in my project. I realize they have to be there.
So, the question is, once I've moved coffeegrinder and wireframe-theme to my project, do I need to keep moving/refreshing these files as I make changes in RLM, or are these static files? So far, it seems they are static but I'm wondering if there are certain types of changes that I make in RLM which will propagate changes into these files?
Otherwise, I'm doing OK with just dealing with the changes in main.css and it's a timesaver to not have to keep moving the other two. Thanks again for helping me understand this.
Adam East
Registered User
3,293 posts
David Harney wrote:
Thanks for the comments. I'm still wondering about my original question as my situation is a little more complicated - I'm developing in VS2013 and ASP.NET MVC 5 (but the details of this aren't really important). But, I don't think I explained my question very well.
After I laid out my basic wireframe, I exported and moved the CSS files to my VS project. Then, I tweaked the layout in RLM and repeated the process. From what I've experienced so far, as I make changes in RLM, only main.css seems to change and so, I stopped refreshing the other two CSS files - I just left the original ones in place in my project. I realize they have to be there.
So, the question is, once I've moved coffeegrinder and wireframe-theme to my project, do I need to keep moving/refreshing these files as I make changes in RLM, or are these static files? So far, it seems they are static but I'm wondering if there are certain types of changes that I make in RLM which will propagate changes into these files?
Otherwise, I'm doing OK with just dealing with the changes in main.css and it's a timesaver to not have to keep moving the other two. Thanks again for helping me understand this.
Thanks for the comments. I'm still wondering about my original question as my situation is a little more complicated - I'm developing in VS2013 and ASP.NET MVC 5 (but the details of this aren't really important). But, I don't think I explained my question very well.
After I laid out my basic wireframe, I exported and moved the CSS files to my VS project. Then, I tweaked the layout in RLM and repeated the process. From what I've experienced so far, as I make changes in RLM, only main.css seems to change and so, I stopped refreshing the other two CSS files - I just left the original ones in place in my project. I realize they have to be there.
So, the question is, once I've moved coffeegrinder and wireframe-theme to my project, do I need to keep moving/refreshing these files as I make changes in RLM, or are these static files? So far, it seems they are static but I'm wondering if there are certain types of changes that I make in RLM which will propagate changes into these files?
Otherwise, I'm doing OK with just dealing with the changes in main.css and it's a timesaver to not have to keep moving the other two. Thanks again for helping me understand this.
My recommendation is that you always move these files over. As updates to the program will result in changes in these files. If you get in the habit of not moving them over now, you will never remember and then something will go wrong and you will not know why.
I recommend to ALWAYS update all the files that are exported. We see this issue with Web Form Builder and users that do not replace the export <body> code each time they export their form (as it only changes when you make a certain change to the form) and they run into issues.
Save yourself the trouble and replace them, after all we are simply talking about overwriting a file that is already there.
David Harney
Registered User
25 posts
OK, Thanks Adam, I'll follow your advice.
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.
