Hy i'd like to know if possible to replicate the style of iconmoon in the position services-section also in the right position.
If i publish a custom module in right position the icon not appear good (see the jpg attached icon-in-right-position.jpg).
Can i do something to have icon like services section only for the right position?

In custom module right position i have this code:
<p><span class="icon-question"><!--icon--></span></p>
<h3>Assistenza sito web</h3>

You can edit file templates/jf_couda/css/template.css, from line 5810 to 5867 you see:

You should modify to:


joomfreak

Hy and thanks for your patience with me but i'm not a developer.
Probably i do something wrong and don't work.
I insert in my custom.css:
.services-section [class*=" icon-"], .services-section [class^="icon-"],
.sidebar [class*=" icon-"], .sidebar[class^="icon-"] {
font-size:25px;
color:#00aeef;
cursor: pointer;
border-radius:50%;
border:1px solid #00aeef;
padding:31px;
display:inline-block;
margin-bottom:5px;
position: relative;
z-index: 9;
height: 90px;
width: 90px;
-webkit-transition:color .3s;
-moz-transition:color .3s;
transition:color .3s
}
.services-section [class*=" icon-"]:after, .services-section [class^="icon-"]:after,
.sidebar [class*=" icon-"]:after, .sidebar [class^="icon-"]:after {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
opacity:0;
background:#00aeef;
border-radius: 50%;
box-sizing: content-box;
content: "";
height: 100%;
pointer-events: none;
position: absolute;
width: 100%;
top:-2px;
left:-2px;
padding:2px;
-webkit-transition:-webkit-transform .2s,opacity .3s;
-moz-transition:-moz-transform .2s,opacity .3s;
transition:transform .2s,opacity .3s
}
.services-section .row > div:hover [class*=" icon-"], .services-section .row > div:hover [class^="icon-"]
.sidebar .row > div:hover [class*=" icon-"], .sidebar .row > div:hover [class^="icon-"] {
color: #fff;
}
.services-section .row > div:hover [class*=" icon-"]:after, .services-section .row > div:hover [class^="icon-"]:after,
.sidebar .row > div:hover [class*=" icon-"]:after, .sidebar .row > div:hover [class^="icon-"]:after {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}

Try to upload to live site, then I can help.

joomfreak

Thanks for support and patience
I published a demo version on a subdomain.
You can see demo.ossolaweb.it/preventivo-sito-web-de...ta-costi-chiari.html
With a sidebar and the iconmon not work.
Another issue is that in mobile version the mobile menù not show if set the sitebar (see the the jpg attached).

Can you please send me the super admin access via private message system?

joomfreak