Jason G. Designs

WordPress Themes, Design Tutorials, Linux Themes and more…

Current Category: Tutorials

Implementing Immediate Live Preview for Layout Changes in the Customizer

While adding Customizer options to some of my latest WordPress theme updates, I found a new way to work with Live Preview. Often, you can use Selective Refresh for previewing information entered from a text box, such as the Header Title. I also used it in JGD-BizElite for showing and hiding small things like Category […]

Adding a Robust Lightbox Script to a WordPress Theme

Introduction Over the last couple of days if you’ve been visiting any of my web pages that include a gallery, you might have noticed a new lightbox look and feel. Well, prior to that, I was using a plugin to add the lightbox script.

Replacing Image Text with CSS

Welcome to the next tutorial in the series of modernizing an old desktop layout. In the previous tutorial, How to Convert a Desktop Design to a Responsive Design- Part 2, you may have noticed in some of the screenshots, that the header text looked different than originally depicted. That is because I used some CSS […]

How to Convert a Desktop Design to a Responsive Design- Part 2

Article thumbnail

Welcome to part 3 of this responsive design series, even though the title suggests a second tutorial. In part 1, we converted XHTML code to HTML5. In the second tutorial, we focused on adjusting the CSS for the main layout elements. This time, the focus will be on responsive navigation design for this example portfolio.