Fun with Hoop.la Forum Avatars
Rosemary O'Neill
Crowdstack
-
TipsThe theme editor allows you to customize the overall background color for your widgets. Here's a typical widget styled using the the theme editor only: Change Title Font Properties If you just want to change the widget title's font size, color, or weight (how bold it is), apply CSS like this (setting your own specific colors, sizes, weights): header.widget-header h3 { color: #4d709f; font-weight:400; font-size:1.1rem; } Note that you should be using REM units for font size, not pixels. That...
-
TipsIf you'd like to increase or decrease the size of the font used in the top navigation bar, insert this Custom CSS in your theme (this example increases the font size relative to the default size you've set): .top-bar-section ul li > a {font-size: 1.25rem;}
-
Tips❤️Thought I'd share a few of the CSS customizations we've made to our site which may be helpful to others, ...with the hope that a few of you would post your favorite customizations too. Please include your site's URL. (Would also welcome comments from Hoop if any of these need adjusting.) Our site: www.rotation.org /*hides # of views and bookmarks on a topic*/ .h-topic-metadata { display: none; } /*makes "Current Visitors" profile pics widget bigger*/...
-
Tips❤️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...
-
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❤️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...
-
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.
-
Topic ReplyHi Brisotti, For that specific badge, the selector is .h-member-badge-350043526109298115 so the font can be controlled with something like this: .h-member-badge-350043526109298115 { font-size: 0.8rem; } Note that we don't generally offer free assistance with Custom CSS. Custom CSS assistance falls under our Advanced Support, which is $150/hour. I've made an exception here to get you going in the right direction. If you need further assistance, please open a new support topic. Regards, Brian
-
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 ReplyThanks! (add: you insert the code in the Display Settings / custom css field) How can we control the font in the Nav Bar there? (Not a fan of the all caps and font size)
-
Topic ReplyPlease tell me how to convert font size in px to REM; I have NEVER heard of this before. Thank you
-
Topic ReplyGood evening, The REM value is derived from the "Base Font Size" setting defined within your theme: CP -> Design -> Standard Themes If you edit your theme you will see the setting in the "Fonts" section. Consider a REM value a multiplier of that value. So if you have a "Base Font Size" of 16px, and you want to target a element to use a 12px font size you would set the REM value to 0.75rem. That is 16px * 0.75 = 12px. I think I can sense what you are thinking: "But Jonmark, why wouldn't...
-
Topic ReplyHi, Thanks for the explanation. It still doesn't help. In what way do I write the font size??? 12px? 12 pt?? I have set my font size in a widget which has my welcome pagagraph, and no matter what I do to it, it is displaying what I would call 2pt type. Please HELP!!!!!
-
Blog Post CommentThink of RAID this way: You have a 3 disk drive RAID array. Using your vinyl record example, we'll consider each vinyl record on it's own LP player as a disk drive. Now our records can only be played at single speed, i.e.: audio speed. That's what we call the RPM, or the speed of the spindle. This means for a 6 minute song, if we stored it on one of our records, it would take us 6 minutes to listen to the entire song. It is not possible for us to play it any faster. The limitation of our...
-
Blog Post CommentYep, that's Sandy's knife from his Army days. He was very nervous to have me use it. To be honest, it's only good for the big stuff---there's no delicate work that can be accomplished with a knife that size.
-
-
Topic ReplyHi Neil, I do not have a way to constrain the size of it. With today's hot fix it will no longer show on medium and small screens where space is at a premium, but I do not have a way to restrict the width. With it we can only do show or not show.