Preparing for the new responsive design
Ted @ Crowdstack
Crowdstack
❤️
-
TipsCrowdstack uses a responsive grid to make sure that interfaces can automatically adapt to different screen and device sizes. We use Foundation's responsive system . Most of the time, you do not even have to worry about that. But there are a few areas where you really need to be cognizant of the overall page structure and responsive and those include your header, footer, and top banners that are displayed at the top of the page. Each of those items is full-width by default and so they will...
-
Tips❤️When you are adding a custom header, footer, widget or page, you may want to make use of the built-in CSS utility classes in Crowdstack. This should make your coding much easier. I'll break them down by classes native to Foundation , which is the responsive framework Crowdstack uses, and those that are built into Crowdstack. Foundation CSS Classes .text-right : equivalent to text-align:right .text-left : equivalent to text-align:left .text-center : equivalent to text-align:center .flex-video...
-
TipsIf you are including a third party video from a service like YouTube in a widget or on a custom page, you should wrap that embed code with a Foundation .flex-video class , like so: <div class="flex-video"> Video Embed Code Here </div> That will make sure that the video sizes correctly on different screen sizes.
-
-
Topic ReplyHi, Ted. I just installed UNICODE 9.0 fonts so I could use this symbol. And later I found your post above. I went to Font Awesome https://fontawesome.com/icons/power-off?style=solid and used the instructions that said to use this code < i class = " fas fa-power-off " > </ i > When I do that, I get and trying the same code here in this message the html editor in this windows strips out the code and it won't render. What am I doing wrong. Thanks, ST </body>
-
Topic Reply❤️Let me see if I can get this to work in the wysiwyg editor: This is a test Which definitely works. I think that the issue you are having is that you are trying to use the fas class, which I'm not sure is available in Font Awesome 4.7 (the version we are currently using in Crowdstack). We have plans to upgrade this in an upcoming release. Next, since the WYSIWYG does not have Font Awesome icon support built directly into it you will need to use the "Source code" option on the far right to...
-
Topic ReplyHi, Jonmark. That was helpful and I appreciate the time and effort you put into this. Signing on this topic. With thanks, ST
-
Blog Post CommentMy team and I are extremely happy with the new platform, as are the members of our ACEsConnection community. Now that you've opened the floodgates, of course we'll be sending (and already have), a few ideas to continue down the path of making Hoop.la the best white-label social network out there!
-
Blog Post CommentThanks, Jane! We love hearing feedback like that and always welcome suggestions and ideas Happy New Year!
-
Blog Post CommentIs there an update somewhere about this? Tracey
-
Blog Post CommentNo update to report at this time. We're still cranking away on the release.