Tuesday, July 9, 2013

Make your static page look cleaner by removing the page title

How to remove the page title on your blog pages?

There are times when you wanted to remove the page title on your blog's static pages just to make it cleaner and appear more professional.

I mean look at the sample screen capture of a form page below:
An Ad submit page with the page title.
Examine the photo above and you will see the redundancy. Submit your Ad is the page title (encircled in red). You will see, however just above is the navigation bar showing the current page selection (pointed by the red arrow) which says exactly the same as the page title.

Removing Submit your Ad on the navigation bar is not advisable since it is used to navigate to the form. The one appearing on the actual page, however, is not necessary so it should be removed.

Here is how
The solution is quite simple, by placing a 3 line code at the top of your page's code.

  • Edit your page in HTML
    1. In your dashboard, click pages.
    2. Select the page and click on edit.
    3. On the edit/compose window, click on HTML so you can edit the html code of the page.
  • Copy and Paste the following code at the top of your page's code
<style>
.post h3 {display:none !important;}
</style>

  • Publish the page
    1. Click on the Upate button.
    2. Check the page you just edited and it should no longer be showing the page title on the page.

Done!

Back to CyberLiving home page

Other Posts
Using Google Spreadsheet as a query-able table using Javascript
Using Google Spreadsheet as a database for your site

2 comments

Bernadette Gibbons November 15, 2013 at 2:09 PM

thanks this was really helpful!

Rakesh Reddy January 18, 2015 at 9:44 PM

thanks

Post a Comment