How to build a block like this

[Alfa7]

How to build a block like this

 

[jhnstcks]

For the rounded corners you need to alter the css for that specific block and add the relevant code. Try this site -> http://border-radius.com/ just change the numbers in the corners to get the required rounding, then copy and paste the code in the middle to your css file.

[Alfa7]

Thanks.

 

But I need more help.

I am new at css and prestashop.

[vekia]

css styles are located in themes/your_theme/global.css file

you can specify there styles for:

 

.title_block {}

 

where you need to paste styles that you generated in site mentioned by @jhnstcks

[espinhotel]

#footer .block

{

margin-bottom:0

}

.block .title_block, .block h4

{

padding:6px 11px;

font-size:12px;

color:#fff;

text-shadow:0 1px 0 #000;

text-transform:uppercase;

background:#383838;

text-align:left;

font-weight: bold;

border-top-left-radius:5px;

border-top-right-radius:5px;

-moz-border-radius:5px;

}

 

i've done this modification in global.css but only de first line appears with rounded corners, but i also like the laste line to have it, can you help me ?

[vekia]

how code for your blocks look like? Can you paste the code of example block from your website?

[espinhotel]

I sent in attachement my global.css

global.css