TM HTML Content (topColumn width)

[Adrian DMM]

Hello,

I have a question about this module. I'm trying to fix an html content in my topColumn with a 100% width but I can't do it.
I have a spanish prestashop shop and a french one. In the spanish one I did it well, but I can't do it for the french one.

I putted in my global.css theme this code:

Quote

.confianzaban {
  text-decoration: none;
  color: #eb5b25;
  background-color: #2c2b27;
  border-top: 2px solid #eb5b25;
  padding-top: 15px;
  padding-bottom: 15px;
}

Then, in the module, i created a hook in the topColumn with this HTML content:

Quote

<div class="confianzaban">
<div style="display:inline-block; font-size:10pt;"><img src="/img/compra_segura.png" width="35" height="35" style="display:inline-block; vertical-align:top;"/><p style="display:inline-block; text-align:left; vertical-align:top; margin-left:5px;">COMPRA SEGURA<br/>datos protegidos</p></div>
<div style="display:inline-block; font-size:10pt; margin-left:50px;"><img src="/img/envio_gratuito.png" width="35" height="35" style="display:inline-block; vertical-align:top;"/><p style="display:inline-block; text-align:left; vertical-align:top; margin-left:5px;">ENVÍO GRATUITO<br/>a partir de 100 €</p></div>
<div style="display:inline-block; font-size:10pt; margin-left:50px;"><img src="/img/devolucion.png" width="35" height="35" style="display:inline-block; vertical-align:top;"/><p style="display:inline-block; text-align:left; vertical-align:top; margin-left:5px;">DEVOLUCIÓN<br/>antes de 14 días</p></div>
<div style="display:inline-block; font-size:10pt; margin-left:50px;"><img src="/img/atencion.png" width="35" height="35" style="display:inline-block; vertical-align:top;"/><p style="display:inline-block; text-align:left; vertical-align:top; margin-left:5px;">EQUIPO<br/>atención al cliente</p></div></div>

I did this in the both lenguages, one for spain, and other one for french. In the spain prestashop its working well, but in the french one not. Look the images below, i want to know where is the error for having this difference between them.

Watch this example.

This is what I want to do:

 

And this is what I get:

You can see that the bar in the first image (spanish ps) its full, i mean, 100%. But in the second one (french ps) its just filling the 30%.

I hope you can understand what I want to say, and help me.

Thank you.

[Adrian DMM]

Someone knows how can I do it?