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
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #26  
Old Dec 8, 2009, 11:41 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
Quote:
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:

Code:
<h1 class="technique-three">
	CSS-Tricks
</h1>
Code:
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">
CSS-Tricks
</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...
  #27  
Old Dec 9, 2009, 12:27 AM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
This ended up working for me!

Code:
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!
  #28  
Old Dec 9, 2009, 05:46 AM
juggledad's Avatar
juggledad
 
21,714 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

Bookmarks

Tags
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 06:09 PM.


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