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...
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...
You can add alternating background colors to rows in Crowdstack 1.0. For instance, here is an unstyled list of forums (v1 sites only): We can apply alternating background colors to these forums easily by adding this CSS to our theme: After we apply this CSS, our Forum List looks like this: The CSS above specifically tagets the .h-ubb-directory-forum-box, so if you are looking to add alternating colors for a different list, you'll want to make sure you target that specific class.
Here's what a forum list looks like by default in Crowdstack 1.0: If you want to encase each forum, topic, and survey with a border, add this CSS to your theme: (You'll want to replace the background and border colors with your own of course.) Here's what the same forum list looks like after applying the CSS above:
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...
I came across this article today that described an effect that one site uses to make their member avatars more distinctive looking: http://www.lottejackson.com/le...ild-cicada-principle If you like what they did there, here's some code for you to add to your own Crowdstack site that adds the "Cicada Effect" on your Members Directory and in widgets that displays grids of user avatars:
Want to add breadcrumbs to the mobile view for your site? We've come up with some custom CSS (thanks, @Brian Lenz!) that you can use to show the "closest" two levels of the forum breadcrumbs on mobile devices. You would insert this CSS in the the Custom CSS field in your Display Settings: .breadcrumbs-wrapper.hide-for-small-only { display: inherit !important; } @media only screen and (max-width: 40.0625em) { .h-page-for-FORUM nav.breadcrumbs li.breadcrumb { display: none; }...
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...
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 .