Complete style change for Giornalismo

So after the success of Nuovo and the JM Breaking News plugin, I’ve restarted working on Giornalismo full time. I ended up getting a ton fixed on it over the past couple of days, but no one change was bigger than the font and a slight color change.

After taking a beginner graphic design class this past semester, I’ve started to look at web design in a different light. For one, I’ve made the decision to move away from the basic black, the #000000, and move to an off black, more along the lines of #252525 if you know hex color codes. It’s not an exact black, but it’s not really a gray either. It works very nicely on the white background especially.

And then there’s the biggest change — the fonts. Before the fonts were a mix of Arial, Times New Roman and Georgia. But after taking the class and studying more graphic design, I made the decision to move away from all of that and go in a radically different direction.

The result: Lato for the main menu and most of the headings, Open Sans for the post bylines and h1 – h5, Oswald for the top menu and story headlines and Roboto for everything else. All of these are sans-serif font, which now gives the theme a more modern and sleek look. And I think it has changed the theme so much for the better.

As for what’s going to come next, I’m working on setting it up for mobile with a much better and cleaner mobile menu and going through and making sure everything is responsive. This ought to take me a while, given the amount of code this will take. After that, it’ll be time for tablets and then extensive testing before submitting it hopefully by early August.

3 thoughts on “Complete style change for Giornalismo

  1. Hi Jacob,
    I have implemented your theme on my Physics BLOG.
    I found it looking more professional after this change.

    Anyway, I want to do some experimentation with the fonts (family, size).
    Can you please guide me with the steps and tell me if any new font file to be imported if i change the font in css? let me have a tutorial kind of guidance pls.

    Thank you,

    1. Hey Anupam,
      So if you go to this link, at the bottom there’s a guide on how to set up a child theme, which is what you’re going to want to do for any customizations to the theme. Then you can use this link to see how to upload a different font to use. I hope this helps!

  2. Hi Jacob,

    Thanks a Ton for your quick reply to my mail with queries on customizations and font upload.
    I shall look into the tutorials now..if anywhere I get stuck while implementing this in my physicsteacher dot in blog, I’ll take the freedom to ping you again. Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *