Common Changes

This post lists some CSS snippets to customize WPTouch Pro.

Remove the Page Title Area

Note: When removing the page title area we recommend using a child theme’s stylesheet and applying the code below to its corresponding stylesheet, per the instructions on applying custom CSS.

In the iPhone theme:

.page-title-area { display:none !important; }

In the iPad theme:

.page .title-area {display: none;}

Remove reflection on calendar icons and post-thumbnails

.idevice .post .thumbnail-wrap { -webkit-box-reflect: none; }
.idevice .calendar-box { -webkit-box-reflect: none; }

Change the size of the Post Thumbnails

 

 

Change every instance of 46px to your desired size

.post .thumbnail-wrap { height: 46px; width: 46px; } .post img.attachment-post-thumbnail { width: 46px; height: 46px; }

Remove rounded corners on Post Thumbnails

.post img.attachment-post-thumbnail { -webkit-mask-box-image: none; }

Remove “Comments are closed” text when comments are disabled in WordPress

p.nocomments, #respond { display:none !important; }

Remove comments completely

#respond, ol.commentlist, a.com-toggle { display: none !important; }

Remove comment # bubble

.comment-bubble { display:none !important; }

Remove ‘breadcumb’ text in category and search pages

.archive-text { display: none !important; }

Use custom color for the mobile header

#header { background-color: #ffffff !important; }

where #ffffff can be customized to suit.

Remove “HelloBar”

#hellobar-container, #hellobar-wrapper, #hellobar-pusher {display: none;}