ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web»
  • Blogs

Customising WordPress Twenty Fourteen Theme with CSS

Updated on August 12, 2014

The Twenty Fourteen Theme

The Twenty Fourteen WordPress theme comes with any default WordPress installation. This theme was released in 2014 by WordPress. Twenty Fourteen is the successor to the Twenty Thirteen and Twenty Twelve WordPress themes.

The Twenty Fourteen theme is completely free, making it a great WordPress theme option for those looking to start up a website using WordPress.

The Twenty Fourteen offers a basic three column design. You can input widgets on either side of the main content using sidebars.

You can also insert your own logo as a header, show your blog posts on your home page, set up pages and more.

While this is a fantastic basic theme, there are some changes that can be made to spruce it up a little. Read on for some great ways to change the look of the Twenty Fourteen WordPress theme.

Fourteen Colors Plug In
Fourteen Colors Plug In | Source

Fourteen Colors Plug In

This is a great plug in that can be used to change the color scheme of your Twenty Fourteen themed installation. By installing this plug in, you are given the ability to change the colors of the theme. You can do so by using the 'Customize' option under your appearance settings.

Most users will opt for an all white color scheme, but the great thing about this plug in is that you can play around with different color schemes and work out which is the best for your purposes.

Things you can do with CSS and Twenty Fourteen

There are a whole range of changes that can be made using CSS. This is thanks to the built in CSS editor made available by WordPress.

The CSS editor can be used to apply CSS changes to your website. These changes can be site wide or specific, depending on the CSS you input.

Here are some examples of what can be done using CSS:

  • You can remove the header, resize the header, or change your header font styles.
  • You can resize featured images, remove featured images all together or remove them on certain pages/posts.
  • You can get rid of that annoying grey area behind featured image thumbnails on the home page and post pages. This is very handy if your images don't match the default theme size of 672 x 372.
  • You can hide the site information text.

If you want to check out these CSS tricks in more detail, head on over to the below post about making CSS customizations on the Twenty Fourteen theme. These CSS tips will help you overhaul your WordPress website using the default theme, eliminating the need for a premium or paid theme.

Overhaul your Twenty Fourteen installation with these CSS Tips and Tricks.


    0 of 8192 characters used
    Post Comment

    • moumitadasgupta86 profile image

      Moumita Dasgupta 3 years ago from Kolkata

      Really a good share and post put up here.

    • Nancy Owens profile image

      Nancy Owens 3 years ago from USA

      You have some really useful information here. Good work.