The Clips 2.0 Release
Ted @ Crowdstack
Crowdstack
-
TipsHello Everybody, Opening links in new windows is trivial once you know what you are doing. Simply add a target="_blank" attribute to any link (a element) and you have yourself a link that will load in a new window. Example: <a href="http://socialstrata.com" target="_blank">Example</a> So seeing how simple it is you might be asking yourself why do we need a tip? Well its simple, a lot of the HTML for Crowdstack is out of the site administrators direct control. Meaning there will...
-
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...
-
TipsA common approach with footers is to have 4 columns that contain segmented lists of links (product info, company info, etc.), logos, etc. You can still keep your four-column footer, but you'll want to make sure that it is responsive, automatically shifting columns for smaller screens. The overall goal is to have 4 columns on large grids (large screens), 2 columns on medium grids (like tablets), and 1 column on small grids (typically phones). To handle this, create nested grids- an outer grid...
-
TipsI just found this cool (mostly free) tool that helps you pull a dynamic photo feed from Twitter, Instagram, and/or Facebook. If you use their Pro version, it also includes custom CSS and moderation tools. You can paste their embed code into custom content blocks or custom widgets, or into the header or footer of your Crowdstack site. Options include scrolling banners, grids, and map style. SnapWidget If you decide to try it out, come back and share your design!
-
Blog Post Comment❤️Hi @neil , all of the links within Hoop.la, and external links TO your Hoop.la site, will just work magically. However, you would want to check your header, footer, any custom CSS, ad slots, images or videos from an external source, etc., for anything loading http:// and change it to https://.
-
Blog Post CommentAfter living with the new logo for 12 days: It's very big (double the height of regular text). That makes it double the height of our copyright notice in our page footer. It doesn't explain the relationship between our community and Hoop.la. With the old "Powered by Social Strata" logo, it was easy to understand Social Strata's role. That's not clear with the new logo. We'd prefer to have some options for the colour of the logo (preferably grey). Our corporate branding directive is to go...
-
Blog Post CommentWill our existing non-responsive header & footer HTML & images be copied over so I can at least adapt those on the day it's moved?
-
Blog Post CommentTed, as a follow up to this question about headers and footers - is this something we can ask for a quote on to have your team make our header and footer responsive for us? I just remember the code conflicts we had to deal with when we tried to do our own code.