Crowdstack 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...
This is similar to the tip about adding a custom icon to Premium Member badges . For this tip, we'll show you how to display a custom icon next to all Member Titles. Note that the same icon will be displayed for all titles in the example, since there is currently no way to differentiate member titles from a CSS standpoint. First, let's see what our sample Member Title of "Dude" looks like without any styling: 1. First, let's focus on simply adding an icon. You can inject a Font Awesome font...
"How to put a widget in the main left column of the homepage" was one of the first questions I asked Hoop about during Beta, and I have seen many others ask the same question since. Answer: you can't put real widgets there. But I did figure out how to 'fake' one there --which also has the side option of creating 3 columns, if you like that sort of thing. Why? We like the idea of more custom content in the Main Left Column (aka " MLC "), and less of the preset content blocks feeding...
A 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...
Crowdstack contains several icon based menu items and there are times when you may want to replace the icon with text to make the action more clear. For this tip I will be focusing on the search menu item: Each menu item is represented in the DOM using a li -> a, and the items with a icon will contain a i (icon) within the a (anchor). Since I want to customize the search icon I will use a DOM inspector, in this case the one built into chrome to look at that magnifying glass icon used for...
One of the new features is support for Font Awesome font icons. The advantage of using font icons is that they can scale to different sizes without distorting whereas using images can't scale without distorting or adding blurriness. New to the applilcation are text-based member badges instead of image-based badges. If you want to add some extra flair to your premium member badge, you can inject a Font Awesome font icon with some simple custom CSS. First, you must select which font icon you...
Time to give back to the community! I was able to figure this out on my own. I must say, being able to use CSS to control the display of content is valuable. If you are looking to hide the # of Topics within a Forum and the # of Replies to a post, just use the following code in your CSS. This definitely cleans up the look at feel of the pages, IMO: .h-topic-count-label { display: none; } .h-topic-reply-count-label { display: none; } I've tried this out on my site, so I know it works. Enjoy!
I 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!
Hi, Did you convince someone in your organization to have a community using the words engagement or participation? We have a community where people ask questions, and we hope they get answers. It's not easy to tell if someone with a question visits us, finds the answer, and goes back to their lives - without a trace. They may not leave evidence of having been engaged by the content or feel it necessary to participate. How would you measure value in a community like this? Thanks for your...
Hey everyone- Sometime next week, we'll be rolling out another major update for Crowdstack , this one focusing on improving navigation in the Admin Control Panel. Currently, the Admin Control Panel is one very long list of links. We're making things (hopefully) easier to get to by putting the main control panel sections in a smaller menu at the top of each control panel page, with the subsections of each main area available in a sidebar when you are in a particular section. It will look like...
Another major feature we are adding soon is "reactions", to be included when we roll out Pips . Reactions are an expansion on the "likes" you are already familiar with, with a much broader palette that allows community members to quickly express their feelings about a particular post/reply/comment. Reactions will be expressed on a post like so: Click on a reaction that has already been expressed to add yourself to that reaction, or choose the plus icon to choose one of the other reactions.
When you block a person, they can no longer invite you to a private message or post to your profile wall. Replies and comments they make will be collapsed/hidden by default. Finally, you'll never receive email notifications about content they create or likes they designate for your content.
Note: if you proceed, you will no longer be following .