header blocks

[stefie2]

Hello!

I would like to change the header of my blocks. I want to make them round in the corners as you can see in the attachment. I know its a image but how do get this in my shop?

right now it looks like this: www.echtemerken.nl

Thank you already so much!

stephanie

[MrBaseball34]

Well, that's a two sided story. You can use CSS, which won't work in some older browsers, or you can use an image that has rounded corners
like in the default PrestaShop theme.

Which do you want?

[stefie2]

I would like to use an image i guess..the one that's is in the attachement. But how does it work from there the???

Thx!

[MrBaseball34]

You will need to change the background property in your CSS selector for the items you want to modify.
If you have the default PS theme installed, take a look at the images in the themes/prestashop/img dir
and create yours like those. Then see the CSS in themes/css/global.css to see how they are used in the background properties,
i.e

div.exclusive h4 {
   background: transparent url('../img/block_header_exclusive.gif') no-repeat top left;
   color: white
}

[stefie2]

Hi Mr Baseball,

I tried to import the header from voetbabbel.nl
You can check it on my shop echtemerken.nl

It is to small so i have to make the header bigger in which programm shall i do this?Any idea?
For the time being i would like my old header but it doesn't work. Problably its because i uploaded the jpg from prestashop. But this one is different from the all the other headers i have in my shop right know..

Thanx for your help!

Greetsss steffie

[MrBaseball34]

You seem to have the prices-drop block done correctly.
And take a look at how the bottom of the cart and prices-drop blocks are done.