Tagged With "CSS"

Reply

Re: Use Custom Icons in Premium Member Badges

neil ·
Awesome. And let me be the first to request that this be a "point and click option" in the Control Panel, ....when you come up for air.
Reply

Re: How to hide the page name on custom pages

Dr. Susan LaCombe ·
HI Rosemary, this is a good tip. If I also have some CSS for the other h1 tag on the page - not the one for the title tag - could I still include information for the h1 in the CSS: h1#pageTitle { display:none; } h1 { font-size: 18pt;; font-style: bold; margin-left:8%; } .breadcrumbs {display: none;}
Reply

Re: How to hide the page name on custom pages

Rosemary O'Neill ·
Hi Susan, thanks! Yes, you can include other CSS that will override the higher level CSS for that page.
Reply

Re: Use Custom Icons in Premium Member Badges

Brisotti ·
Where do I post the CSS code????
Reply

Re: Use Custom Icons in Premium Member Badges

Brisotti ·
Where do I put the CSS code above mentioned..?
Reply

Re: Use Custom Icons in Premium Member Badges

Brisotti ·
I placed the CSS code but it did not worked. Please, what I´m doing wrong..? Thanks.
Reply

Re: Use Custom Icons in Premium Member Badges

Brian Lenz ·
Hi Brisotti, The code should go into your Display Settings control panel in the Custom CSS box. You need to make sure you use the permission circle's group ID instead of "premium" if it's not a premium permission group. For your Patrocinador circle, that numeric ID is 350043526109298115, which you can see in the URL when editing the permission circle's details. I changed your selector to .h-member-badge-350043526109298115, which fixed the problem (you also had replaced the 'h' with "webkits"...
Reply

Re: Use Custom Icons in Premium Member Badges

Brisotti ·
Brian, thanks a lot. Plese, how can I change the font size on that Badge..?
Reply

Re: Use Custom Icons in Premium Member Badges

Brian Lenz ·
Hi 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
Reply

Re: Padding and Margins

Ted O'Neill ·
Hi Melody- I would suggest posting your specific questions here. That's going to be the most expeditious way to get the answers you want. What exactly are you trying to change padding/margin for?
Reply

Re: Padding and Margins

Melody McNeill ·
I was told that we would get training on how to tweak the CSS on the BETA site before it goes live. We need to set this up. The words are all cramped against the sides of the divs and up aginsta the photos. I would just like to get a walk-through please. Thank you for your quick response.
Reply

Re: Padding and Margins

Ted O'Neill ·
Hi Melody- David Dreezer already had a call with your team ealier this month and in that call we were asked to go ahead and do all of the work on your beta site (which we did at no cost). We'd be happy to set up training, but there is a cost associated with that. If you would like a quote, let me know. I really think it will be much cheaper (and faster, since I'm not sure when we will be able to schedule training right now) if you just tell us the specific issues you are having (or the...
Comment

Re: Hoop.la 2.0: Under The Hood

Jane Stevens ·
My team and I are extremely happy with the new platform, as are the members of our ACEsConnection community. Now that you've opened the floodgates, of course we'll be sending (and already have), a few ideas to continue down the path of making Hoop.la the best white-label social network out there!
Comment

Re: Hoop.la 2.0: Under The Hood

Brian Lenz ·
Thanks, Jane! We love hearing feedback like that and always welcome suggestions and ideas Happy New Year!
Reply

Re: Use Custom Icons in Premium Member Badges

Rich Melvin ·
How can we do this for a specific Permission Circle?
Reply

Re: Use Custom Icons in Premium Member Badges

Brian Lenz ·
Hi Rich, You'll need to use the specific permission circle's numeric ID in the selector, as I mentioned above to Brisotti. You can grab that ID from the URL and then use a CSS selector like .h-member-badge-XXX:before (where XXX is the numeric ID) instead of .h-member-badge-premium:before . Hope that helps! Brian
Reply

Re: Use Custom Icons in Premium Member Badges

Rich Melvin ·
Got it and DONE! I sure wish I knew more about how all this Custom CSS works.
Reply

Re: Use Custom Icons in Premium Member Badges

Brian Lenz ·
Nice job! CSS is one of those things that you'll surely pick up over time the more you use it.
Reply

Re: How to hide the page name on custom pages

neil ·
How can we also Display:None the breadcrumbs display on that specific custom page? (I want to embed a chat but not leave a trail back to our other chat rooms).
Reply

Re: How to hide the page name on custom pages

Rosemary O'Neill ·
In the custom CSS for that page, put this: .breadcrumbs {display: none;}
Reply

Re: How to hide the page name on custom pages

neil ·
Thanks Rosemary. I didn't remember that the new custom pages HAD their own custom CSS field.
Reply

Re: Rounded Member Avatars

Bradley Blinn ·
implemented, but not seeing anything different. I put the code in the Custom CSS text box area here: http://www.mysite.com/cp/display-settings If I then go to the Activity Stream ( http://www.mysite.com/activity-stream ) nothing is different. Thoughts?
Reply

Re: Rounded Member Avatars

Ted O'Neill ·
There was a typo above. I have corrected.
Reply

Re: Rounded Member Avatars

Bradley Blinn ·
confirmed. works nicely.
Reply

Re: Rounded Member Avatars

neil ·
This is good to know, but it could tick-off members whose avatars have artwork or lettering that gets rounded off. I'd like to see an option to "require" Premium members to select or upload an avatar. Too many of our members never bother.
Reply

Re: Rounded Member Avatars

Ted O'Neill ·
Hi Neil- I like the idea of adding an option to make avatars required in general. We will consider that for a future release.
Reply

Re: Rounded Member Avatars

Rich Melvin ·
Please do NOT make Avatars a requirement! That would cause holy hell on our forum! Make it an Admin Choice in the CP. By the way, if you use something less than 50% in that css code, you end up with square avatars with nicely rounded corners...like this: This is what you get with 25%
Reply

Re: Rounded Member Avatars

Ted O'Neill ·
This is simply a tip about how to round avatars. We are not saying that avatars are going to be required.
Comment

Re: Pinterest Integration Release

Julie Usher ·
Any idea when the Pinterest feature will actually be in place, as would like to announce to my members. Thanks.
Comment

Re: Pinterest Integration Release

Ted O'Neill ·
We do not have a firm date yet.
Reply

Re: Rounded Member Avatars

Slaz ·
Thanks for the tip Ted! And also thanks Rich Melvin for trying out 25%, that makes the corners look beatifull on my sites without sacrificing too much pixels!
Reply

Re: Rounded Member Avatars

neil ·
But what if I don't want all my avatars to look like Rich Melvin?
Reply

Re: Rounded Member Avatars

Rich Melvin ·
If all your Avatars looked like me it would mean the end of your site. Might even take down the entire Internet. The world is just not ready for that! Don't do it!
Comment

Re: Pinterest Integration Release

Ted O'Neill ·
We've now completed the deployment of this release!
Comment

Re: Pinterest Integration Release

Julie Usher ·
Great - I encountered an error trying to set up API account to integrate Pinterest. Just opened up a ticket on the subject.
Reply

Re: Rounded Member Avatars

Slaz ·
btw, does anyone know the CSS class to have rounded avatars on profile pages too? That includes the actual profile picture, as well as those of the people he/she follows displayed on that profile page.
Reply

Re: Rounded Member Avatars

Ted O'Neill ·
Hi Slaz- Add this to round the the profile picture on the profile page: The "follower" avatars will be rounded using the member avatar CSS I listed originally.
Reply

Re: Rounded Member Avatars

Slaz ·
Thank you Ted, that was quick! You're like a CSS guru (in a postive sense)!
Reply

Re: Serif font on POST button - IE only

Brian Lenz ·
Hi ST, For starters, your HTML on the home page is malformed. Specifically, this code: <a class="button success full-width widget-manage-opacity h-post-button groupButton " style="width:250px;font-family: "sans-serif;" href="/g/portable" title="Bose F1, L1, T1, Compact">Portable PA</a> Note that the style attribute has an extra quote in the middle of it, which is likely throwing off various browser's interpretations of what you intend. You can fix that in the custom content block...
Reply

Re: Serif font on POST button - IE only

ST ·
Hi, Brian. Thank you. I had completely forgotten that I had done some CSS on those buttons. So this was all on me, and I'm sorry. Thank you for helping me find this. It's all sorted out now. ST
Reply

Re: Serif font on POST button - IE only

Brian Lenz ·
It's all good, ST! Have a great weekend
Reply

Re: How did they do this? Nice hoop.la site.

Rosemary O'Neill ·
Hi, not inappropriate at all! I agree they've done a cool job on their theme. To do a similar thing, you would put HTML in the HEAD section of the theme you're using, as you said.
Reply

Re: How did they do this? Nice hoop.la site.

Flaneur ·
Thanks, Rosemary!
Comment

Re: Hoop.la's Black Friday Update

Ron M Pitters ·
Great job!
Reply

Re: Outlook 2010 and top margin

Lori ·
Hi, Jason: I found this article that may be of use to you. Hope that helps!
Reply

Re: Custom CSS Options For Widgets

Chris822 ·
Thank you Ted. Is there a CSS code that I can use for the background of the widget to be a color instead of the background image of the theme? If so, would this be placed in the customize widget or the theme?
Reply

Re: Custom CSS Options For Widgets

Ted O'Neill ·
You can already set the background color of the overall widget in your theme... in the Widgets section of the theme editor. Thus, no CSS required.
Reply

Re: Custom CSS Options For Widgets

Ted O'Neill ·
Hi Chris- I went ahead and forked off your post above into a new private support topic for you.
Reply

Re: Custom CSS Options For Widgets

Bradley Blinn ·
these tips are great! I'm applying them and they make the site look great!
Reply

Re: Main Navigation Menu Positioning Tricks and Tips

HeatherLillico ·
I'm wondering if it's possible to add a new tab to the menu (ie. we have groups, forums, etc.). We'd like to add a help tab where we can post a few resources for people. How would I go about doing this? Thanks! Heather
×
×
×
×