PageLines Framework – Grid Columns
PageLines Columns
See demo section: “Grid System – the simplest and easiest way to magazine layouts without code” (toward the bottom of the Demo page).
See demo section: “Grid System – the simplest and easiest way to magazine layouts without code” (toward the bottom of the Demo page).
Graphic designer since before the Internet. Started with newspaper paste-up; then art director for advertising agency in Reno, NV; and now freelancer designing marketing materials, print-on-demand t-shirt art, websites, and social media graphics.
PageLines Framework: v2.1.1 WordPress: v3.3.1 NOTE: these edits have to be re-done every time the plugin is updated! Goal: Display 4 WooCommerce Product Categories (images, not links) in a custom Widget in the main content area of the Home page. The image thumbnails must link to specific URLs. The 4 Product Category images must be…
Problem: Getting a 404 page error in PageLines Framework (v2.4.4) after clicking “Save Options” in Admin > PageLines > Page Option Setup. Solution: Manually deactivate all sections in Your Added Sections: Admin > PageLines > Store > Sections > Your Added Sections Then reactivate each of your Added Sections until the offending section is discovered….

Overview: Transform non-working HTML site into a functioning WordPress ecommerce site. Process: Create child theme using PageLines Framework 2.0. Use WooCommerce for the WordPress shopping cart. Add and set up WooCommerce WordPress shopping cart Custom product display on Home page Custom animated FAQ section on Home page Embed video Custom menus Add all products to…

PageLines Framework Action Map (as of Sept 2013) shows where all the Action Hooks are for PageLines Framework. Note: Almost none of the links work anymore. This attached graphic is the only valuable part of the page. Click to Enlarge.
Responsive YouTube Embed by John Surdakowski. Uses DIV containers and CSS. PageLines also has a shortcode for Responsive Videos for YouTube & Vimeo. Uses PL shortcode.
Goal: Custom Widget colors, text and rounded corners: Title: dark-blue background; bold, white font. Body: medium-blue background; rounded top-left/right corners. NOTE: these are only initial customizations. More is required. Solution: Add the following CSS to Child Theme stylesheet.