Category Archives: Design and CSS

Sometimes informative rants or ramblings on design or css.

Slider Quirkiness

Aside

I’ve been working with Catch Box, this theme I found on the wordpress theme directory, and so far I’ve been really impressed, it’s not too difficult to modify to suit my needs, but I just wanted to post about some quirkiness in relation to the slider: It actually changes height depending on the length of the excerpt. This happens to push content down, or pull it up, depending on which slide is being shown. Sort of annoying, eh? How did I fix it? Added the following to the CSS:

#slider {max-height:280px!important;width:auto;}
#slider a {display:block!important;}

Themes, Themes Everywhere!

Aside

Reply

I’ve been playing around with a few themes lately, I had been using Swift but it was coded so rigidly that any changes messed it up. I really don’t want to spend my time basically recoding something from scratch, but at the same time I’d like to make it my “own”, you know? Well until I find a good one, I guess I’ll keep looking.

And, maybe it’s just me, but a lot of the styles out there (premium or not) seem to scream “BOOTSTRAP” at me (or any other popular framework). Don’t get me wrong, some of them are really really good, but I don’t want to look like yet another bootstrap site.

Also, apparently people who like dark designs are the minority now!

Separate Theme for Mobile!

Posted on by

So I decided to stop my crappy attempt at an thrown together mobile layout and just go with a new theme. I worked my way through sandbox (I keep an updated version, but this time I stripped it down) and implemented a variation of the 978 grid for mobile devices. After I threw together something in photoshop (it really didn’t need to be that complicated, remember a mobile device has less screen real estate, so sidebars and the like were thrown out) I threw up the new theme, tweaked it, and there we go! It was interesting working on it Continue reading →

Mobile CSS Isn’t Easy

Posted on by

I’ve had an iOS device for ages now, by today’s standards it’s a dinosaur, but it is useful for a few things besides as an ebook reader — testing my sites with a mobile device. For awhile I’ve just ignored my personal site as the main area you could zoom-in on pretty easily and it was “readable” for the most part… However today I decided to go a step further and target mobile users specifically.

Random Images, PNGs, Firefox, and Annoyance

Posted on by

Awhile back, I had this smart idea to use an overlay for my random headers. I’m sort of a fan of these things, I think it’s kind of fun to browse around a site and see the headers change. In the past they worked fine, a google search can find you a simple php image randomize script, but really any will do. What I’m going to talk about today is the problem I had which happened only in Firefox and drove me completely insane. I decided the best way to implement a PNG overlay was to use a standard image Continue reading →