[solved] center CSS background-image in tags_block_left

[BoKr]

Hello

 

sorry but today I do not get how set a background-image to the tags-cloud block. It shall be centered and best be a bit transparent but I think via CSS it is a no go and I have to use transparency in the image.

 

However, can I center a background-image in a block?

/themes/mytheme/css/modules/blocktags/blocktags.css

#tags_block_left {

    background-color: aliceblue!important;
    /*background: url({$img_dir}/img/design/footprint.gif) no-repeat ;!important */
    background: url('../../../img/design/footprint.gif') no-repeat  transparent !important;
    
}

Edited February 10, 2014 by B.Köring (see edit history)

[vekia]

you probably use wrong path to the image.

is there any chance to see it live? i just want to inspect it and localize file to create correct path

[BoKr]

Postioning and path work now but I wonder if I did it correctly. However, thanks a lot Vekia for looking in (shop url via pm).

#tags_block_left {
    background-color: aliceblue!important;
    
/*background:url(../../../img/arrow_right_2.png) no-repeat 1px 10px transparent;*/
/*background: url({$img_dir}/img/design/footprint.gif) no-repeat ;!important */
    
    background: url('../../../img/design/footprint.gif') no-repeat  transparent !important;
    background-position: 50% 60%!important;
    
/*
    width: auto;
    height: 50px;
    top: 0;
    left: 0;
    
    z-index: -1;
    content: "";
 */
}

[vekia]

checked your website and.... i see background, just take a look:

 

you did it correctly