Witness Web

970-712-6933

  • Home
  • About Me
  • Blog
  • Services
  • Testimonials
  • Portfolio
  • Contact Me
    • Add to Dropbox

WPTouch Pro – Add Custom CSS

March 24, 2013 by Lee Pettijohn 2 Comments

When developing a mobile web design in WordPress, there is one plugin that is a cut above the rest;  WPTouch Pro.  The reason this plugin is awesome for web designers is because it has so much functionality and makes it very easy for a beginner to use and also enough room for a developer to make changes too.  One change that I needed to make on a website was to incorporate my own custom CSS.  This makes it easy for me to make my own rules and when an update for WPTouch Pro is released, it won’t mess with my custom changes.

(The below instructions assume you have already installed the WPTouch Pro plugin)

  1. Navigate to the “Theme Browser” link at the top of the WPTouch Pro settings page
  2. Click the “Copy as Child” button in the “Classic” theme section
    • copy as child
  3. Click the “Activate” button in the new “Classic Child #1” theme section
    • activate the child theme
  4. In your code editor (I use Dreamweaver), navigate to wp-content -> wp-touch-data -> themes -> classic-child-1 -> ipad/iphone -> style.css
    • open the style document
  5. Insert your custom code here and save to your server
    • edit style css file

Listed below is a link to the original article that gives specific examples of common CSS customizations.

wptouch pro css customizations

 

Filed Under: Web Design Technical Blog Tagged With: css, mobile web design, technical, web design, wptouch pro

About Lee Pettijohn

Lee is the Web Designer and Developer for Witness Web Design. With skills including HTML, CSS, Javascript, PHP, and Flash, he is committed to delivering the best possible product while providing excellent customer service. With a background in mathematics and business, Lee brings his expertise to the table by taking direction and making clients' visions a reality. “I feel most comfortable when working with code,” Lee says. “It’s a joy to take the ‘painted canvas’ given to me and recreate it in such a way that captures the attention of the user and creates an incredible experience.” Lee brings many skills including database management to the table, and is excited to make his customers' potential dreams...their tangible realities.

Comments

  1. Sagive SEO says

    July 8, 2013 at 12:50 am

    Wont This get deleted the plugin gets updated

    Reply
    • Lee Pettijohn says

      July 8, 2013 at 3:32 pm

      According to their documentation, it shouldn’t since it is in its own child theme.

      Reply

Leave a Reply Cancel reply

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

Need Help …

  • This field is for validation purposes and should be left unchanged.

Copyright © 2019 · Agency Pro Theme on Genesis Framework · WordPress · Log in