Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Custom Header for Sidebar titles

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Dec 8, 2009, 11:41 PM
Wimbledon's Avatar
320 posts · Apr 2009
[VA & AZ], USA
Originally Posted by juggledad
you need to put &nbsp; in the title, nothing more. It will look like it vanishes but it will be there, if you look in the page source you should see <h3>&nbsp;</h3> - actually in your case, once it is in, you will see your image.
The problem is that Wordpress is printing out the letters &,n,b,s, and p and not interpreting it as a blank space. Here's a screen shot of what happened when I entered &nbsp; into the widget title:

The image appeared (YAY ) but the text is there...I feel like we are so close to the solution.

I found searching Google for "CSS Image Replacement" retrieved helpful results.

So I tried using technique 3 from this page:

<h1 class="technique-three">
h1.technique-three {
	width: 350px; height: 75px;
	background: url("images/header-image.jpg");
	text-indent: -9999px;
Yet that didn't work either as again Wordpress is not accepting "<h1 class="technique-three">
</h1>" as a valid title and instead strips the tags and outputs "CSS-Tricks". How can I bypass the title box in the widget area? I'm wondering if there is a file I can pull up and manually insert the title there? Yet how would this affect updating? Hmmmm...
Old Dec 9, 2009, 12:27 AM
Wimbledon's Avatar
320 posts · Apr 2009
[VA & AZ], USA
This ended up working for me!

div.widget_awpcplatestads h3 {
display: block;
width: 180px;
height: 23px;
text-indent: -9999px;
background-image: url('http://www.myurl.net/wp-content/uploads/2009/12/LatestClassifieds.png');
background-repeat: no-repeat;
background-position: center center;
Thanks for all the help everyone!
Old Dec 9, 2009, 05:46 AM
juggledad's Avatar
22,075 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
odd you couldn't use the &nbsp; when I could, but there are generally more than one way to do things, so I'm glat to have helped and that you've got it fixed.
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support


sidebar title

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to Make Sidebar Titles An Image ftf79 Sidebars & Widgets 6 Oct 31, 2009 10:46 AM
Custom links IN header image mkny13 Header configuration & styling 7 Jul 21, 2009 11:13 AM
Custom HTML instead of header picture? robertomueller Header configuration & styling 2 Jul 13, 2009 10:44 AM
Custom Logo in Header + Resizing koligirl Header configuration & styling 0 Apr 24, 2009 09:58 AM
Custom Header - Inserting HTML table and links over header. hotsauce Header configuration & styling 2 Apr 9, 2009 05:56 AM

All times are GMT -6. The time now is 05:16 PM.

Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.