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...
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...
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; }...
It's been a while since I shared a "fun with Recipes" tip. This one is useful if you have more than one admin or moderator, and want to keep share why you banned (or unbanned) a specific member. To set up this Recipe: 1. Go into your control panel and click Basics > Recipes. 2. Click "Build Custom Recipe." 3. Give it a name, like "Add Member Note When Banning." 4. For Trigger, choose "Member Banned." 5. For Action(s) to Take, choose "Add Member Note." You'll notice that you can insert an...
Following up on now closed discussion of some things you can do to adjust the new sticky header option. I did not want the sticky header to use my default background color, so here's the CSS for adjusting the background color of the new Sticky Header. /*adjusts sticky header to give it white background when not sticky*/ .forum-topic-sticky-header:not(.fixed) { padding: 0 !important; background-color: white; } /*background color of sticky header when sticky*/ .forum-topic-sticky-header.fixed...
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 .