Editing the WordPress Logo in a Bootstrap Based Theme

Editing the layout of a logo is a simple task, but when complex style sheets and media queries get in the way it can become challenging. This quick tutorial fully explains the intricacies of CSS in a modern, Bootstrap-based WordPress site.

Running time: 12:14

Covered topics include:

  • Determining what classes are affecting the logo: 1:00
  • Media Query example: 3:24
  • Finding the style sheet: 4:31
  • Overriding the class: 6:10
  • Editing the HTML: 8:29

Some more in-depth info on media queries: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Don’t have Notepad++? You can go get it for free here: http://notepad-plus-plus.org/

Need help? Contact the Guru!

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>