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...
-
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...
-
Tips❤️You already know that you can insert images into your Hoop.la posts by clicking "Add Attachments." But do you know how to refine the SEO value for each image? This quick tip offers some additional options that may help optimize your post (and make it easier to read for accessibility purposes). You'll notice there's an Attachments box at the bottom of the post, which is where you can adjust the Title and Caption if you'd like to do so. The Title field will default to the filename, but it's...
-
Tips❤️Sometimes you want to bring widget content onto the Home page of your community, in the left column. This tip is the step-by-step on how to accomplish that! If you've done this in your community, please share your own hints for making it work here too. In this example, we're displaying forum topics, but you can do this same method with other widget content. Go to control panel, under “manage widgets.” Click the Embedded Widgets tab. Click “add embedded widget.” Select “UBB Forum” in the...