Crowdstack 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...
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...
If 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.
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...
From a design perspective, i think it looks good to have your forum names bolded along with the titles of the topics. To do this, just add the following to your Custom CSS section found on this page: YOURSITE.hooplaupgrade.com/cp/display-settings .h-forum-name {font-weight: bold;} .h-topic-title {font-weight: bold;} I implemented this on my site and it looks good. Enjoy!
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...
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; }...
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...
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...
What 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...
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...
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.
Minor observation. Forum topics listing pages don't pick up formatting used on replies such as pale text color used to hide spoilers. Assuming that the default of the latest 3 replies is used, this can be dealt with by posting dummy replies after the reply which has used the formatting. I'll demonstrate this by posting such a reply on this topic. The Discussion listing page will show the text that I've formatted in the following reply. I will, once this has been approved.
Hey everyone- We've made a couple of changes to the way that our customer support system works. 1. All customer support tickets are now always private. That means that only the person that created the ticket and our support staff can see each ticket. This way, no one ever has to worry about private details about their sites being made visible to the world. 2. Because those customer support tickets are always private now, we disabled the "suggestions" option in the Customer Support area.
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 .