Viewing CSS in the published folders

CSS in the published folders



User: Roddy 6 years ago
What is the purpose of the ew_css folder and the stylesheet.css?

I note that the original styles in EasyWeb - those generated by my choice of template - appear in the stylesheet.css but nothing I add in the head code does.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 6 years ago
The ew_css folder contains your text style.css file and any external css files from your widgets.

The stylesheet.css file may be removed in a future version.

Header and footer code are right now added to each individual file.

We will be making site wide head/footer code an SSI or PHP include file.

-------------------------------
Paul
EverWeb Developer

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!
User: Roddy 6 years ago
Quote:
... and any external css files from your widgets


I'm not understanding this. It doesn't matter where I put styles - whether its a link to a stylesheet, styles in the head code or inline styles in a widget - nothing appears in the ew_css folder.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 6 years ago
Certain widgets, for example the image gallery, have css files that are placed in the ew_css folder.

Quote:
whether its a link to a stylesheet, styles in the head code or inline styles in a widget


I assume you are speaking of the HTML widget here. Any code put in there is NOT put into the ew_css folder. Likewise anything put in the head code won't go there either.

That code in those fields are exported as is.

Please show me, with screenshots, what you are doing and what you are trying to do.

If it has to do with your other post about the navbar, we are going to have to come up with a solution where the HTML widgets is aware of your page head code in order to understand the style sheets.

Can you post the code you have entered in the head code field and the HTML widget?

If I understand correctly, and we can get this implemented properly, it could be a very powerful feature for add-ons

-------------------------------
Paul
EverWeb Developer

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!
User: Roddy 6 years ago
My main hope and dream for EasyWeb. That the styles can be read in the app so that all these features that were difficult to add in iWeb can be done fairly easily in this app.

I have emailed you the HTML file for the page and the ew_css folder. There is a link to Google fonts and the styles for the drop down menu, H1 and H2 are in the head. The HTML I entered in the Widgets is, obviously, in the body of the doc.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 6 years ago
Hi Roddy,

Ok just for clarification you entered this in the head field for the page or for the entire site?

-------------------------------
Paul
EverWeb Developer

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!
User: Roddy 6 years ago
I entered the link to the Google hosted font along with the header and navigation styles in the box for the entire site since they appear on every page.

Would it be any easier if they were added for each page?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 6 years ago
This is the kind of thing I would like to see EasyWeb capable of using JWPlayer as an example.

Drag a movie file, poster image and the jwplayer.js onto the Assets sidebar.

Enter this in the head code...



This into an HTML Widget...

Loading the player ...


... and this into the body...



If this could be achieved, the possibilities are endless for adding just about any feature to a website.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 6 years ago
Hi Roddy,

I agree, this would be an EXTREMELY powerful feature.

Good news, the html widgets now use site and page head code so they will look proper in EasyWeb. See the attached screenshot.

HOWEVER, this is a very advanced feature. In order to get your code to work right for the menu I had to remove this from the #menu CSS;

margin: 0 auto;

It still does not work 100%, because the width and height of the HTML widget for the menu are off. You'll see what I mean when the next beta is released.

I expect other code to cause problems as well.

Publishing appears to work properly though.

I would call this feature experimental, especially for version 1, but extremely powerful and useful.

I think you'll really like this one.

I also got another feature you asked for implemented in beta 4. Working on a few more fixes and then will release.

-------------------------------
Paul
EverWeb Developer

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!

Screen Shot 2013-04-11 at 5.43.05 PM.png
User: Roddy 6 years ago
I can see why you had to remove the margin: 0 auto. I created the CSS in WebDesign and copied it over. I need to adjust my mind set a little!

This all sounds very exciting and full of promise. I'm looking forward to trying the next version.

After spending countless hours writing instructions and supporting iWeb users who were trying implement more advanced features, I'm sure that it will be a lot easier to do so for EasyWeb with this type of facility for code insertion.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.