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 »

Replacing widget title with image - image and title are displaying at same time


  #1  
Old Apr 25, 2010, 10:07 AM
barefaced
 
5 posts · Mar 2009
Hi, hope someone can help. I am sure this is my own fault because I stupidly deleted all of my CSS inserts then saved. Prior to that "doh" moment, I had successfully replaced widget titles with my own images using the following:

div.widget-title h3 {
display: none;
}

div#fidgetr-2 div.widget-title {
background: url('http://path/to/myflickr.gif');
height:30px;
background-repeat: no-repeat;
}

div#recently-on-last-fm div.widget-title {
background: url('http://path/to/mylastfm.gif');
height:30px;
background-repeat: no-repeat;
}

etc etc

Since adding this back into the HTML/CSS inserts section, both the widget title and image are displaying. Any suggestions? I've tried removing and replacing the widgets from the sidebar. I have resolved it for a couple by removing the text from the widget title field on the widget page but some of them don't have that facility.

You can see what I mean here

Thanks
Nicki
  #2  
Old Apr 25, 2010, 04:14 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
change your
div.widget-title h3 {
display: none;
}
to
div.widget-title h3 a {
display: none;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 26, 2010, 11:47 AM
barefaced
 
5 posts · Mar 2009
Juggledad

Thanks, tried that but it's made no difference
Nicki
  #4  
Old Apr 26, 2010, 12:50 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you have a bad line of code in the CSS just befor the 'div.widget-title h3 a'

HTML Code:
'styling widget titles

div.widget-title h3 a {
display: none;
}
the 'styling widget titles is the start of a quote, so it is messing up the things after it. remove it
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Apr 27, 2010, 03:56 PM
barefaced
 
5 posts · Mar 2009
Juggledad - thanks. Soon as I read that I recognised that I had used VBA code commenting instead of CSS commenting. Thanks for pointing it out, I'm such a doofus!

Last edited by barefaced; Apr 27, 2010 at 04:48 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[How To] Replacing the Atahualpa header image with a 'sliding door' image menu jack96161 Header 57 May 17, 2012 07:41 AM
Widget Title Box Image? Antonino Giglio Sidebars & Widgets 4 Oct 12, 2010 07:51 PM
Replacing widget titles with an image thehulk Sidebars & Widgets 3 Aug 31, 2009 10:48 AM
Replacing Category title with own image mcbanks Sidebars & Widgets 2 Aug 13, 2009 02:07 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 02:39 PM


All times are GMT -6. The time now is 11:43 AM.


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