Hipster As F*** Cards
Icon html
Icon bootstrap

4,383 Downloads
18 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 1 year ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

18 Web Developers commented on this product

adamhtml
  • downloaded
11 months 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
11 months ago

adamhtml
  • downloaded
11 months 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 :-)
11 months ago

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

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

hazz.azimi
  • downloaded
3 months ago

Really appreciate your work as a developer.

axelut
  • owner

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

gg1toronto
  • downloaded
2 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
5 days 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!
4 days ago

arjanhuisman0
  • downloaded
4 days 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
4 days ago

arjanhuisman0
  • downloaded
4 days 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

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

Why our customers appreciate us

Design Quality

Design Quality

Compulsory components on each website!

Design Quality

So amaizing, cool