you're reading:
Blog title, Header customization, Html & inline css codes, Images, Position absolute, Tagline, Themes

Hiding title and tagline in MistyLook

http://wpbtips.wordpress.com/

In several themes, including MistyLook, you can upload a custom header image (full list here). When your image includes the blog title and tagline, the standard ones that show up above the image are redundant; for that reason, some themes include a “Hide Text” option. Unfortunately MistyLook doesn’t. Deleting the title is highly inadvisable googlewise, so you’ve got to hide it. Two ways to do that (without the paid CSS upgrade, that is):

A. If you want to hide the title and the tagline, but not the RSS links, copy and paste this in a text widget:

<div style="position:absolute;width:60%;height:44px;top:12px;left:10px;background-color:#fff;"></div>

This will produce a white strip that will cover the title and the tagline.
(If your title is extremely long, you may need to increase the width percentage.)

B. If you don’t want the RSS links either, make your image 760 x 243 pixels, upload it via Media > Add New, copy its URL; copy the following code, fill in blog URL and image URL, paste result in text widget:

<div align="center" style="position:absolute;width:100%;top:10px;right:0;">
<a href="BLOG URL HERE"><img style="border:none;" src="IMAGE URL HERE" /></a>
</div>

This will produce a header image that covers the whole title area.

In both cases, if you have other text widgets in your sidebar, add the code into one of them. If you have no other text widget, activating one for code A or B alone will leave an empty grey rectangle in the sidebar, so you’ll have to add some extra code to hide that rectangle as well – see end of this post.

Note: Both solutions calculated under the assumption that you’ve got both a title and a tagline. If you’ve typed a title but have deleted the tagline in Settings > General, the title area will be shorter; in that case, height in solution A must be 34px, and image in solution B must be 760 x 229.

http://wpbtips.wordpress.com/

Please don’t paste code in comments – see comment guidelines.
About these ads

Discussion

3 thoughts on “Hiding title and tagline in MistyLook

  1. Hey I would love to hide my title and tag – I’m using the theme Pressrow.. would you be able to help?

    Thanks!!

    Posted by alliecakes | April 30, 2010, 22:35
  2. @alliecakes: The workaround described under A in this post involves the use of position absolute; see here what that is, and here why you can’t use it in Pressrow to hide the title.

    You can go to Settings>General and delete the blog title and tagline (but this is bad for search engines), or you can switch to a theme that features the “Hide Text” option – list here.

    Posted by Panos | May 1, 2010, 09:27

Trackbacks/Pingbacks

  1. Pingback: Changing WordPress Themes: A Mid-Life Blog Crisis « onecoolsitebloggingtips - May 15, 2010

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 2,562,389 views
  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: