Hoop.la Tip: Using the home page top banner
Ted @ Crowdstack
Crowdstack
-
Tips❤️By default, the main navigation menu is displayed ABOVE your site header. It is also full width by default, like so: Below, we will offer some tips for changing the appearance and positioning of your main nav menu. Left Align The Menu To position your menu text so it is aligned left instead, add this CSS: nav#top_nav_bar ul.right { float:left !important; } nav#top_nav_bar ul.right > li > ul.dropdown { left: 0; right: auto; } Your menu will then look like this: Center Align The Menu To...
-
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...
-
Tips❤️Just as you can use Font Awesome font icons for premium member badges, you can also use them for any permission circle badges, or activity level badges (instead of titles). For purposes of this tip, we will be creating a badge for Activity Level Titles, which can be set via Recipes. First, select the font icon you want from the FontAwesome list of icons, here . Note that while the Solid and Brands icons are free to use, Regular, Light, and Duotone require that you purchase a Pro license.
-
TipsThis 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...
-
Tips❤️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...
-
Tips❤️In Crowdstack, if you click your name (top right) there's a menu item Posting Tips . We wanted to control where that link went (instead of https://yoursite/member-cp/posting-tips ) Here's what we did. In Control Panel - Display Settings -- End of Page HTML We added some jQuery to locate the link and replace the href attribute with the address where you want Posting Tips to go. <script> $(function() { // Redirect Posting Tips to our own blog post with posting tips...
-
TipsIt'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...