Current User: Guest
Please consider registering


Lost Your Password?
Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

Support Forum Techozoic Images as widget headers?

Images as widget headers?

Unresolved
Page:   1  
No Tags
UserPost

1:00 pm
March 1, 2010


SarahM

Connecticut

New Member

posts 13
 
 
1

Hi Jeremy,
I noticed in the default theme you have some spiffy headers for the Syndication and other images in the right column. Once I added widgets to the right column, your images went away. Is it possible for me to use images as you did with the widgets? My work in progress is here: http://stmichaels-litchfield.org/blog

Thanks in advance.

1:31 pm
March 1, 2010


Jeremy Clark

Admin

posts 223
 
 
2

Post edited 3:04 pm – March 1, 2010 by Jeremy Clark

Okay it will take a little more work but it should be possible. This is much easier if you download Firebug for Firefox so that you can see all the ids and class and such. Basically what you'll have to do is to go through your widgets and find the class of the li that contains the widget contents. For example the archive widget has a class of .widget-archive. Next you will need to add this to the custom css in the theme options.

.widget-archive {
background: url(http://link_to_the_image.jpg) no-repeat scroll left top;
padding-top: 20px;
}
.widget-archive h2 {
display:none;
}

This code will display the image as the background for the li item then stop the display of the h2 which contains the text. You can adjust the padding-top to suit your taste probably the best way would be your image height plus about 5px. The site is looking very nice.

Please Consider Donating securely with PayPal
Support my further development of Techozoic.

1:57 pm
March 1, 2010


SarahM

Connecticut

New Member

posts 13
 
 
3

WOW that was FAST! Thank you very much! I'm glad you mentioned Firebug because I had seen that in another post and then forgot about it. I'll do that now and work through the help you have given me. (And thanks for the compliment on the site, I'm new to WP so this is a steep learning curve Laugh).

2:55 pm
March 1, 2010


SarahM

Connecticut

New Member

posts 13
 
 
4

Jeremy, I'm sorry to be bothering you again. First, Firebug is very helpful! Second, my image for the Recent Posts widget isn't showing up. Here is the link to the image: http://stmichaels-litchfield.o…..recent.jpg (so I know it is out there).

Here is the code in my custom CSS:

.widget_recent_entries {
background: url (http://stmichaels-litchfield.o…..recent.jpg) no-repeat scroll left top;
padding-top: 35px;
}
.widget_recent_entries h2 {
display:none;
}

Firebug actually says :

  • Recent Posts

    I tried it with ".widget widget_recent_entries" per your instructions above but it seems to prefer simply ".widget_recent_entries" BUT the image still isn't showing up. I'm sure I'm doing something silly here…

    Thanks in advance.

    		•

    3:03 pm
    March 1, 2010


    Jeremy Clark

    Admin

    posts 223
     
     
    5

    Sorry that was my fault and I've edited the offending code above. The url and ( must touch ie url(http://…

    Please Consider Donating securely with PayPal
    Support my further development of Techozoic.

    5:10 pm
    March 1, 2010


    SarahM

    Connecticut

    New Member

    posts 13
     
     
    6

    Oh golly, I could have figured that one out myself if I had been paying attention Confused. Thanks very much!! The image is now showing up. Thanks very much!!

    8:40 pm
    March 2, 2010


    Jeremy Clark

    Admin

    posts 223
     
     
    7

    The headings and blog look very nice keep up the good work.

    Please Consider Donating securely with PayPal
    Support my further development of Techozoic.

    3:18 pm
    March 10, 2010


    SarahM

    Connecticut

    New Member

    posts 13
     
     
    8

    Hi Jeremy, I'm sorry to say but I'm back for more help Laugh I have added your techozoic_rss widget but as before want to use my own image. I have updated the custom css so that mine shows up but I can't figure out how to remove yours. I deleted the image but that doesn't really do the trick because the alt text "Syndicate" still shows up. I am loath to try to change any php on my own because I really hosed that (see another post from me elsewhere LOL). THANKS!! http://stmichaels-litchfield.org/blog/
    No Tags
    Page:   1  


    Reply to Topic:
    Images as widget headers?

    Please include the version number of theme that your asking about. As well as a link to the website where the problem is happening if applicable. Thank you.

    Guest Name (Required):

    Guest Email (Required):

    HTML Editor
    Smileys
    Confused Cool Cry Embarassed Frown Kiss Laugh Smile Surprised Wink Yell
    Post New Reply

    Guest URL (required)

    Math Required!
    What is the sum of:
    12 + 10        


    Unresolved



    About the Jeremy Clark – TechNet.com forum

    Most Users Ever Online: 39

    Currently Online:
    3 Guests

    Currently Browsing this Topic:
    1 Guest

    Forum Stats:

    Groups: 2
    Forums: 3
    Topics: 132
    Posts: 520

    Membership:

    There are 63 Members
    There have been 46 Guests

    There is 1 Admin
    There is 1 Moderator

    Top Posters:

    BartC – 18
    Heather – 15
    manicolaus – 15
    SarahM – 13
    demoondoggie – 12
    SpartacusB – 10

    Recent New Members: dohare01, eslucky, Frederic, Nod, BartC, mattmossop