Hence, I hope, you can help me.

I have a Foundation 5 mock-up I wish to trigger with Umbraco 7.2.6.

• Hence I installed the plugin Umbraco Grid Renderer.
• Hence I uploaded the foundation.css file in the CSS folder.
• Hence I uploaded the foundation.min.js file in the js folder.
• Hence I set the correct paths in my master template.
• Hence I uploaded my style.css file in CSS folder and my jQuery-file in the Scripts folder.
• Hence I placed the @RenderBody() in the Master-Template.
• Hence I placed the @CurrentPage.GetGridHtml("content", "Foundation5") in the "Start-Page-Template".
• Hence hence to have the Grid Editors out-of-the-box and no need to modify the grid.editors.config.js, I followed a seen-on-youtube advice and created my own second StartPage based on the fanoe template. https://youtu.be/LlI13fxbW-k
• Hence I removed the fanoe-gridtag and replaced it with Foundation5.

The result was as follows: The basic Foundation surface renders, but my custom styles don't. (I get error messages, I am not permitted to change the .css, when I try to paste the css-styles in any existing stylesheet and try to change the basic foundation.css - for test purposes.) Hence, the only way the installation accepts modifications from the basic Foundation was with inline styles in the head. I mean, the new navigation was not considered f.e. And the inline styles cannot accept media queries ... let's build it with the grid!?

Hence, is there a no brain solution or do I need to develop against the grid and build a custom grid? I read the documentation and couldn't find a contradiction. Next step would be to modify the grid layout datatypes and configure custom settings and styles in order to get rid of the fanoe styles.

Thank you for an advice. With the inline-styles everything is screwed. Hence I am very frustrated with the result.

I am still learning!

x-me