Common Changes
Contents
-
Common Changes
- Remove the Page Title Area
- Remove reflection on calendar icons and post-thumbnails
- Change the size of the Post Thumbnails
- Remove rounded corners on Post Thumbnails
- Remove “Comments are closed” text when comments are disabled in WordPress
- Remove comments completely
- Remove comment # bubble
- Remove ‘breadcumb’ text in category and search pages
- Use custom color for the mobile header
- Remove “HelloBar”
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;}
Related posts:
