5 reasons to make your own social community
Rosemary O'Neill
Community Management
-
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.
-
TipsCrowdstack 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...
-
Tips❤️"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...
-
Tips❤️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.
-
TipsA 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...
-
TipsIf you are including a third party video from a service like YouTube in a widget or on a custom page, you should wrap that embed code with a Foundation .flex-video class , like so: <div class="flex-video"> Video Embed Code Here </div> That will make sure that the video sizes correctly on different screen sizes.
-
Tips❤️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...
-
Crowdstack DiscussionOkay, am I not online. I write a lot of replies in our community. I'd like to think I'm an original thinker, but it turns out a great deal of what I type is almost boiler-plate text. Here's something I wrote in 2018 in Library of stock messages/message This morning I documented how to make a post that had been forked to a new topic look like this. You can read about that here: Styling a post that has been forked to a new discussion There's a step where you have to edit the post and put some...
-
Crowdstack DiscussionWhat do you think of this? If you're intrigued keep reading. If not; Move along folks. Nothing to see here. Fork to a New Topic We have the cool feature that let us fork a post to a new topic. and the post then gets a tag like this. The Problem But people will often reply to the post anyway - and that just makes things difficult. I just did this. When you click the Read More button it returns to To make this happen. Edit the forked post Edit the post Source Code Add the highlighted text...
-
Tips❤️How to add an image rotator to your home page banner. We will be using a package called Slick. Slick is fully compatible with Crowdstack, can be responsive, and has oodles of fun features, We will be doing a basic setup just to get it installed and working. First, download the files that you need. Go to the Slick website and click Get it now. Click download now and download the zip file to your desktop or downloads folder, whichever you usually use. Once it is downloaded, unzip the zip file.
-
Blog Post CommentYeah Harold I 2nd 3rd and 4th that!! (I have a multiple personality) Arghhhh!! I got.. This cannot be happening!! The system is not responding, so your request could not be completed at this time. Please try again later. <button class="x-btn-text" id="ext-gen370">OK</button> <button class="x-btn-text" id="ext-gen378"></button> <button class="x-btn-text" id="ext-gen386"></button> <button class="x-btn-text" id="ext-gen394"></button>
-
Blog Post CommentHi Rosemary, I heard about this news on King 5 today and admire you for your courage and conviction. I am a fan of this style of leadership and have had little success implementing it myself. I would love to be able to chat with you sometime, if you have some time. I look forward to hearing back from you. PS: I am not looking for a job . Tarang | http://tarangkaushal.livejournal.com/ MBA Candidate, Class of 2010 Michael G. Foster School of Business University of Washington
-
Blog Post Comment❤️@ST Here you go https://hey.crowdstack.com/s...for-all-screen-sizes By the way, you can also edit that class to change colors or styles (or possibly the size? didn't try that myself.)
-
Topic ReplyFOLLOW UP: How to I get Nav Bar to stay 'box width' instead of page width? At first glance in inspector it seems to say it is contained to a grid (div id="top_nav_bar_wrapper" class="sticky contain-to-grid") ...whatever grid that's referring to. This may have worked right yesterday, don't remember. "If you need it broken, ask Neil."
-
Topic ReplyHi, Ted. I just installed UNICODE 9.0 fonts so I could use this symbol. And later I found your post above. I went to Font Awesome https://fontawesome.com/icons/power-off?style=solid and used the instructions that said to use this code < i class = " fas fa-power-off " > </ i > When I do that, I get and trying the same code here in this message the html editor in this windows strips out the code and it won't render. What am I doing wrong. Thanks, ST </body>
-
Topic Reply❤️Let me see if I can get this to work in the wysiwyg editor: This is a test Which definitely works. I think that the issue you are having is that you are trying to use the fas class, which I'm not sure is available in Font Awesome 4.7 (the version we are currently using in Crowdstack). We have plans to upgrade this in an upcoming release. Next, since the WYSIWYG does not have Font Awesome icon support built directly into it you will need to use the "Source code" option on the far right to...
-
Topic ReplyIf you are one of those hyper-productive people using ActiveWords There's a step where you have to Edit the Forked Post . It took only a couple of minutes to automate that with an ActiveWord. If you're already using ActiveWords, here is the script for an ActiveWord called "fade box" <div class="fade-box"> {control down}{v}{control up}{control down}{enter}{control up} <p class="read-more"><a class="button" href="#">Read More. Don't reply to this post.</a></p>...
-
Crowdstack DiscussionHello Crowdstack, Looks like my community has two different <H1> tags on each page. <h1 class="title" <h1 class="pageTitle" Bing SEO tools are complaining "Remove redundant <h1> tags from the page source, so that only one <h1> tag exists." Bing lists this as a High Severity issue. My site has been dropped from indexing by Bing. Is there a way to keep <h1 class="title" and replace <h1 class="pageTitle" with something else? Thanks
-
Topic ReplyHi! I've been trying to get the carousel running but it just comes up static. <!DOCTYPE html> <html> <head> <style> .pc-events { width: 40%; margin: auto; } .slick-next.slick-arrow::before {color: #000000; background-color: #cccccc; border-radius: 3px 3px 3px 3px ;} .slick-prev.slick-arrow::before {color: #000000; background-color: #cccccc; border-radius: 3px 3px 3px 3px ;} </style> <link rel="stylesheet" type="text/css"...