How To Customize Bootstrap 3 Popovers Individually Using Only CSS!
I was recently tasked with a project that turned out to be rather challenging. I needed to find a way to use Bootstrap popovers as a navigation option as well as be able to style them individually of one another. By default, Bootstrap popovers are style-able but whatever CSS overrides you use will apply to […]
Keep Reading
Responsive “Leave A Comment” WordPress Form
I searched for this for a few minutes and ended up figuring it out on my own. This will be real quick, I promise. The premise is, as a responsive web developer you expect your forms to play nicely with the responsiveness of your website. Who wants a horizontal scroll on mobile because your form […]
Keep Reading
WP E-Commerce Adjust Price Range Widget
Here I am again, talking about another issue with WP-Ecommerce… the Price Range Widget. More specifically, the inability to make any adjustments to the ranges specified from the WordPress dashboard. I know WP E-Commerce is free, but do they even offer this ability in their upgraded packages (ability to change price ranges in widget)? Probably not. Which is another story in and of itself, but I’m going to keep this short.
Keep Reading
Collapsing WordPress sidebar at phone viewport — using Bootstrap 2
This tutorial covers making the WordPress sidebar collapse into a mobile friendly navigation menu at the phone viewport only. As well as adding some conditional text that will only appear when the menu is at the phone viewport. You must be using Bootstrap 2 (*this will not work in BS3) in conjunction with WordPress for […]
Keep Reading Remove “Your Downloads” Section of WP e-Commerce User Profile
Here’s my problem — I don’t sell digital downloads and WP eCommerce forces you to have a downloads section on your cart. Why? Why not make this a option that can be turned on or off? I don’t have the time to wait for the developers to enact this feature so I took action.
Keep Reading
Responsive CSS3 / HTML5 Video Background In div No Javascript Needed!
I needed a HTML5 video background to appear as the header on my web page. Did I mention that the page was responsive (Bootstrap) and the video needed to scale to width without destroying the aspect ratio, oh and that the containing div has a FIXED HEIGHT!!! Yeah, fun stuff considering I had never attempted this before. So, with some HTML5 and CSS3 trickery… I was able to accomplish this without having to use JavaScript at all! I mean, isn’t that the point of HTML5?
Keep Reading