Adding a image after block_content element?

[IGNITER]

Hello,

I need to add a image or a <div> under the 'block_content' element in order to make it look with rounded edges on bottom.

 

 

The final result must be:

 

 

Unfortunately I don't know where I need to put that extra HTML code to make it happen.

 

Thanks in advance!

Edited April 21, 2014 by IGNITER (see edit history)

[dioniz]

In global.css find #left_column .block, #right_column .block and add to it

 

background: url(path_to_your_image/yourimage.png) bottom left;

 

and add more bottom padding

 

You can make it with pure css too but i would need to see your site first to tell you that

Edited April 21, 2014 by dioniz (see edit history)

[vekia]

why not to use css styles to use rounded corners? it's much easier and easy to control

[IGNITER]

Hi,

More bottom padding doesn't do what I want.

 

For example:

<div id="categories_block_left" class="block">

and under the block ...

<div id="bottom_image"> ...

where I can put this image:

as finish of the bottom part of the box.

 

It must be somewhere in the one of the many .tpl files.

Edited April 21, 2014 by IGNITER (see edit history)

[IGNITER]

why not to use css styles to use rounded corners? it's much easier and easy to control

 

I know, but in this case I am using image as a background of the block, which is more complicated.

With the CSS they are some limitations for that.

 

Where is that block generated, so I can put some extra code?

Thanks!

[vekia]

/modules/blockcms/blockcms.tpl

of if it exists: /themes/YOURTHEME/blockcms/blockcms.tpl

[IGNITER]

Yes, it did the trick, but only for the CMS block.

Is there a way to make it globally for all .block?

[vekia]

you have to edit each module .tpl file (each module which displays block like blockcms)

there is no other way. 

[IGNITER]

Thanks for the help.