Pricing Plans via Toggle Module

Pricing Plans via Toggle Module

Pricing Plans

Starter

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$30/mo

 

Buy now

 

Professional

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$65/mo

 

Buy now

 

Enterprise

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$99/mo

 

Buy now

 

Background Change Upon Page URL

Background Change Upon Page URL

Expertise:
Using simple css code on a page we can force that page to display a custom background of our choosing. On any WordPress website, every page has a CSS ID set on the Body tag. Looking at the page source the opening body tag looks like this for this page:

Body Tag CSS ID for Post

I can add css to the theme’s style.css to tell this specific page to use a custom background for the ‘body’. Something like this:

body#postid-1405{background-image: url('https://flashalexander.com/wp-content/uploads/2012/01/Balloon-through-the-Clouds.jpg') no-repeat center top;}

This website’s content area is already using CSS to set the Coffee Cup background.

Coffe Cup Background

ERGO, if I am going to set a custom background for the page I’ll have to hide the content area background that is laying on top of the page. I use this css to accomplish the task:

#content-area{background:transparent;}

Putting it altogether, adding the following css to my stylesheet gives this page its own unique background:


body.postid-1405{
background-image: url(https://flashalexander.com/wp-content/uploads/2012/01/Balloon-through-the-Clouds.jpg)!important;
background-size: cover;
}
body.postid-1405 #content-area{
background:transparent!important;
}

Take note of this: !important – It forces my css to override the existing css 🙂

All this assumes your using a child theme, where edits to the style.css file won’t be overwritten when the theme is updated. You ARE using a child theme aren’t you?!

Wang Chung
Wang Chung Chinese Philosopher

You’re an IDIOT if you don’t use a child theme.

Cover Swing

Cover Swing

Fooling around the past couple days I came up with a fun CSS3 graphic. The first incarnation was a simple html page, but after some thought I decided to integrate it into a WordPress theme as a shortcode by adding to the existing themes functions.php file. This worked great and further motivated me to create a plugin as well.

Cover Swing CSS Fun

Usage: Use shortcode

Where cover = complete file path to your cover image, link = url to more info website/page/post, title = Brief title.

Now in three exciting flavors!

  1. Shortcode by adding to any WordPress theme.
    • Copy code in functions.php to your themes functions.php file
    • Copy css from cover-swing-style.css to your theme’s style.css file.
    • Copy images to your themes images folder. If one does not exist, simply copy the entire images folder to your theme folder.
  2. HTML – Requires no explanation.
  3. Plugin – Upload the plugin to your WordPress plugins folder and activate.

Demo

Raspberry Tea

You can’t get a cup of tea big enough or a book long enough to suit me.
-C S Lewis
More

Download

zip file download icon button

Flashy Click to Call Plugin

Flashy Click to Call Plugin

WordPress click to call plugin shortcode to add call to action buttons; mobile phone call buttons to WordPress posts and pages, allowing users to click the button and invoke any native phone call applications; Skype, mobile phones, tablets with call apps etc. This tool is great to easily add a handsomely style click to call button on any WordPress site.

  • Add The Click to Call shortcode to your WordPress posts and or pages with ease
  • Single click Skype calls for users viewing the site on a Mac, PC, table or mobile phone
  • Single click phone calls for people visiting your site on a call enabled device
  • Install the plugin to your WordPress site to receive calls with ease
  • Add call buttons to link phone numbers to staff for selling your products
  • Add a call button with voice-mail number to capture sales leads

Usage

Use shortcode [ clicktocall number=xxxxxxxxxx ]xxx xxx-xxxx[ /clicktocall ] where xxxxxxxxxx is the phone number and xxx xxx-xxxx can be any text.

Installation

1. Upload flashy-click-to-call folder to the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Add shortcode Mobile Users Click to Call
xxx xxx-xxxx
where xxx xxx-xxxx is a phone number.

Screenshots

Download
TLC Medical Massage

TLC Medical Massage

Jan Alexander is one helluva massage therapist in Fort Collins, CO. Jan Baby, as I affectionately refer to her is also my wife! When it came time to develop a website for her new massage business I turned to the latest and greatest CSS3 HTML5 powered WordPress theme.

TLC Medical Massage (TLCMM) is packed with information. Interestingly, the one page that keeps clients coming back is Jan’s Schedule Online page. Jan signed up a paid account with Acuity Scheduling and it has really paid off. Jan found out her clients would rather book online than have to try to catch Jan by phone. Being extremely busy, generally booked at over 80%, it is difficult to reach her by phone.

Gallery

Map & Directions for TLC Medical Massage

[mappress mapid=”7″]

 

Pin It on Pinterest