Html code on the widget

Hey,

How can i get exaclty like the pic with the html code

Thanks

This is the link : boloni.ma

Thanks

Hello @Fayssal90,

Thanks for asking. :slight_smile:

Kindly replace the code with following:

<p class="address-paragraph">Adresse :Bd la Gironde , Résidence le</p>
<p class="address-text">Jardin 1-N°9-Casablanca.</p>
<p class="address-text">Maroc.</p>
<p class="address-paragraph">Usine : Zone Industrielle Zitouna –</p>
<p class="address-text">N°573 – Meknès.</p>
<p class="address-text">Maroc.</p>  

After that please add following CSS under X > Theme Options > CSS:

 p.address-text {
    margin-left: 50px;
    margin-bottom: 10px !important;
    line-height: .1;
}

p.address-paragraph {
    margin-bottom: 0px;
    margin-top: 10px;
}

Kindly note that I have shared the HTML code for the first widget item. For second widget item all you need to do is replace existing texts with the contact information.

Let us know how it goes.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.