Hipster As F*** Cards
Icon html
Icon bootstrap

😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Hipster As F*** Cards

Cards Snippet
· 4.90/5 (58 Reviews)

MIT License

6,419 Downloads
22 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 2 years ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

22 Web Developers commented on this product

adamhtml
  • downloaded
1 year ago

I don't know why people had so many problems with this template. It works really great for my and I give you guys over at Creative Tim a big thumbs up!

axelut
  • owner

@adamhtml thank you for the kind words :D
1 year ago

adamhtml
  • downloaded
1 year ago

@axelut also, when I used this with your Light Bootstrap Dashboard theme, the .cards CSS had a name collision and didn't work. Sorry, I didn't notice this until I tried to use it for an hybrid theme I was trying to develop.

axelut
  • owner

@adamhtml Thank you for the information. Technically they were not supposed to work together because the Dashboard was built for a purpose, the Hipster Cards are build for something else. As a quick fix to solve this problem is to take the "hipster_cards.css" and "hipster-cards.js" and using any text editor to "Find and Replace All" the instances of class ".card" with ".hipster-card" and then everywhere in HTML where you need to use the "hipster cards" replace class="card" with "hipster-card". That should work smooth :-)
1 year ago

أفندينا.فندون
  • downloaded
11 months ago

I can't say a word this is awesome , simple , and so easy Thank you for this great snippet

hazz.azimi
  • downloaded
10 months ago

Really appreciate your work as a developer.

axelut
  • owner

@hazz.azimi you're welcome! :D
10 months ago

gg1toronto
  • downloaded
9 months ago

these are great! please tell me if and how I make some of them rotate per the rotating cards example thx

arjanhuisman0
  • downloaded
7 months ago

thank you for this aswell. I have the same question as greggq9 did, a year ago. Although it looks great on mobile devices, the left and right margins are too large. I can't seem to locate the wrapper or container class in the CSS... and my left and right adjustments to the .card class do not change. Any tips?

axelut
  • owner

@arjanhuisman0 thank you for using our product. Please check line 828 in hipster-cards.css where is the .card class and you will find a max-width. You can replace that value with anything you want or you can remove it and everything will be fine. Best, Alex!
7 months ago

arjanhuisman0
  • downloaded
7 months ago

Hi Alex. Indeed, i already tested with the max width option, added min width options to it, played with min/max heightetc..... What then happens is on mobile that anything above a min. 260 width , will not look good on any iphone345 and older android. Therefore my question; the left and right margins are too large. Can you please tell me how to make adjustments to those margins?

axelut
  • owner

@arjanhuisman0 I've just removed the max-width and everything is looking fine on iPhone 5 screen size, please check the next image: http://imgur.com/a/Yb1I6
7 months ago

arjanhuisman0
  • downloaded
7 months ago

Many thanks for your prompt response. Indeed , i agree, for hipster cards, everything lookes fine, splendid. For my cards, not so. (https://utap.at/hipster/) However, my question is, how can we make adjustments, to the left and right margins

programmeurfou
  • downloaded
4 months ago

Thank you.

rc
  • downloaded
3 months ago

Hi, can you point me to some instructions for installing Hipster as F*** Cards, Get S*** Done, and Get S*** Done Pro. Sorry, I'm a newbie about this and not sure how to add "components' into my wordpress site. Thank you.

axelut
  • owner

Thank you for using our products. You need basic knowledge of HTML/CSS and Bootstrap in order to work with our products. More about bootstrap here: http://getbootstrap.com/. Unfortunately, we don't know how our products can be integrated with Wordpress because we don't have Wordpress knowledge. We made a tutorial on how to work with one of our dashboards: https://www.youtube.com/watch?v=c3M3NQtFyqM&t=10s maybe that will give you an idea on how to work with our products. Best, Alex!
3 months ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

beautiful

Design Quality

Cards ! Cards ! Cards everywhere !