By pushker on

Hi!
Hi I am Pushker. I want edit to icon in block title. Please guide me how can I add icon in Block title.

⋅ Categories: Drupal 6.x

Comments

itqn2004’s picture

itqn2004 commented

you can:
+ Create a icon images (png, gif, jpg)
Use firebug find css selector of block title
Add css
//if selector is ID css then
#selector {
background-image: url(../icon.gif) no-repeate left;
}
//if selector is class css then
.selector {
background-image: url(../icon.gif) no-repeate left;
}

http://jobs68.com
Build Drupal website please contact me itqn2004@gmail.com
TanTran

nevets’s picture

nevets commented

Most themes have a wrapper div with an id of the form block-module-delta (ex: block-user-1). They also tend to use an h2 tag for the title, so you can then use css to add an icon something like

#block-user-1 h2 {
     background: url(path to image) no-repeat;
     padding-left: 20px;
}

Replace block-user-1 with the actual block id and the value for padding-left should be the width of the image plus a bit more.