Base Theme

Adding Media Queries to our WordPress theme

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

This tutorial will go over how to add CSS media queries to our WordPress theme. This will help us target and style different HTML elements for different devices. Bootstrap is a mobile first framework, so you will learn what this means and how we can use media queries in our responsive WordPress theme.

In this tutorial we will add the CSS styles to left align the footer copyright text on small devices and right align it on all the others. This will all be determined by the CSS styles in the media queries that target certain device widths.

You need to have an active subscription to view this content.

Register Here!

Adding a new widget area and Left Sidebar page template

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

In this tutorial you will learn how to:

  1. Add a new widget area
  2. Add a new page template
  3. Use the Bootstrap push and pull classes

All of these will be used to make a left sidebar page layout for your theme. This is a good tutorial to learn how to combine widget areas and page templates to create different layouts within WordPress.

You need to have an active subscription to view this content.

Register Here!

Customizing the WordPress Footer

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

In this tutorial we are going to add some new features to the default Underscores.me footer. This will include adding a custom footer menu, adding the copyright text, and adding CSS to customize the look and feel. You will learn the code that needs to be added to our function file to add a new WordPress menu and also how to use the Inspect Element browser tool to help customize your footer CSS styles.

You need to have an active subscription to view this content.

Register Here!

Adding the Bootstrap Search Form to WordPress

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

In this video you will learn how to style the default WordPress search form with Bootstrap markup. You will first learn how to use the searchform.php WordPress file to override the default search form and then the code needed to build the form. We will use the Bootstrap input group add-on markup to get the button to append to the input field. This makes your search form look very clean!

You need to have an active subscription to view this content.

Register Here!

Customizing the WordPress Sidebar

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

As of now, the starter theme that we are working with has one sidebar that uses H1 tags for the titles. In this video tutorial, you will learn how to add the Bootstrap well class to the sidebar, customize the headings, and add/edit some CSS properties. You will also be introduced to one of the best development tools online, the browser Inspect Element.

You need to have an active subscription to view this content.

Register Here!

Word Wrapping with CSS

Author: Brad WilliamsPosted in: Base Theme, Premium, Video

Short video tutorial on targeting and adding CSS properties to support non-breaking content. In this video, you learn how to target all the primary content as well as the content in the sidebar.

You need to have an active subscription to view this content.

Register Here!