I’ve had a variety of posts recently about relaunching my wife’s website. She is a professional figure athlete and personal trainer who needed a better looking website to match her success. We added WooCommerce, picked a theme, and got everything set up. Here’s one simple tip for folks working with Elegant Themes’ Divi theme. How to adjust that logo size.
After following along with the previous two tutorials we’ve done, your 2014 theme has new colours and it’s a bit wider. Well there’s one more thing I like to do to make things nice and clean! Let’s match up the new colours and the new width in our post editor!
We spent yesterday figuring out how to get rid of all the green in 2014 and set up a new colour. I like the looks of that, but there is still one more thing bugging me. I’ve had several posts over the years about the same thing. I don’t like how narrow things are in the theme! Well, here’s a quick fix to change that!
So now we have twenty fourteen in place and I have a child theme started. Of course you remember we always use child themes when editing a theme, right? If not, have a quick read of this old article. It was written back when we were on 2010 but it’s just as relevant now on 2014! Our child theme is set up to pull in the default CSS usnig the @import code, so everything looks the same. I’m just not a huge fan of green, so here’s what I did!
I’ve been trying to work through some issues after getting a comment on one of my fonts articles. It seems some people have been experiencing some problems getting Google Fonts to work on their child theme. So I was messing around with mine, and I experienced the same unpredictability. After messing around with things, I got mine straightened out, maybe this will help you!
Alright, this won’t be much of a tutorial per se. I’ve just been messing around a fair bit with a sh’load of code lately. I’m trying to overhaul my blog. Thing is, I’m not good at this stuff. I guess I’m not a designer. I can figure out how to code what I want… I just don’t know what I want. This is gonna take months. I figured I’d share some fun stuff as I make it up! So here is something for the popular wp-pagenavi plugin!
Lately I have been (slowly) working on an overhaul for my personal blog. I haven’t made a custom theme in well over a year. Also, I’m no designer. Making a theme is a long and drawn out process for me. But one thing I did know is that I wanted to really lighten up the site, make it not so dark, but also give it a bit of a fun feel. A great way to accomplish this is with some great CSS3 effects. One thing I had to work out was how to be able to use CSS3 on the featured image. I’m sure this is simple if you are experienced, but I hack my way through things, so this one took me a minute to figure out.
I took a look at VoodooPress today on my phone, and you know what? It looked downright butt nasty! Just a few things were out of place, but it was bad. Twentyeleven has a responsive structure built right in. If you forget to account for it, your site may look bad too! Here’s a few quick fixes.
So over the past couple of days, we got a basic child theme setup. We started with basic width and header images. Then we moved on to margins, and relocating some stuff in the header, and customizing widgets a bit. Let’s just look at our final code.
Let’s finish what we started yesterday. We’ve started up a new child theme, and made a few customizations to twentyeleven through our child theme already. We’ve got a wider theme, a wider header image (but shorter), and we’ve allowed ourselves to use little images for our featured image header if we want. Let’s finish this up by reducing white space, adjusting the header some more, and wrapping the widgets.