Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Custom Header for Sidebar titles

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
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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:21 PM.

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