IconMind in the global banner column

[1h2o3]

Hi,

I would like to add, in each global banner column, an Iconmind with a text on the right of it, for example like the example included with:
– the included Iconmind on the left
– the text on the right of it :
– title : ACHETEZ EN TOUTE SÉCURITÉ
– Text : 1H2O3 protège toutes vos transactions. Ici, achat rime avec confiance.

The H6 Font size at 12 is ok, but this banner is too high, I need a smaller one with a small space between the title, text and section.

I can I do that?

Thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Maybe it’s better try to draft the content for the 3 widgets in a draft and using the page builder, then we can grab the html to place in the banner widgets.

-Rui

[1h2o3]

Hi,

I did this, it is quite ok :
Achetez en toute sécurité<br>
Nous protégeons toutes vos transactions. Ici, achat rime avec confiance

But I need the padding of the #sf-header-banner at 1 instead of 15

Can you also explain how to activate the 3 global banner colomn in the homepage but not in the other pages?

Thanks in advance

[1h2o3]

Hi,

I did this, it is quite ok :
Achetez en toute sécurité<br>
Nous protégeons toutes vos transactions. Ici, achat rime avec confiance

But I need the padding of the #sf-header-banner at 1 instead of 15

How can I change the different padding and margin? (in sf header banner, container, sf banner widgets, or col-sm-4?
Can you also explain how to activate the 3 global banner colomn in the homepage but not in the other pages?

Thanks in advance

Nico

[David Martin – Support]

Hi Nico,

To reduce the padding for the header banner, please use this CSS:

#sf-header-banner {
    padding: 0;
}

To add the banner only on the page, use this CSS:

#sf-header-banner {
    display: none;
}
.home #sf-header-banner {
    display: block;
}