VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

TOPIC: [SOLVED]iconmoon

[SOLVED]iconmoon 03 Aug 2017 15:21 #10449

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>
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
Last Edit: 08 Sep 2017 11:35 by alvin77.

  • Posts:42
  • alvin77
  • Senior Boarder
  • OFFLINE
  • Karma: 0

Re: iconmoon 04 Aug 2017 02:56 #10450

You can edit file templates/jf_couda/css/template.css, from line 5810 to 5867 you see:
 
.services-section [class*=" icon-"], .services-section [class^="icon-"] {
...
}
 

You should modify to:
 
.services-section [class*=" icon-"], .services-section [class^="icon-"],
.sidebar [class*=" icon-"], .sidebar [class^="icon-"] {
...
}
 


joomfreak
Last Edit: 04 Aug 2017 02:58 by isupport.

  • Posts:2768
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: iconmoon 04 Aug 2017 09:36 #10452

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
}

  • Posts:42
  • alvin77
  • Senior Boarder
  • OFFLINE
  • Karma: 0

Re: iconmoon 07 Aug 2017 02:43 #10457

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

joomfreak

  • Posts:2768
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: iconmoon 07 Aug 2017 09:40 #10459

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).
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
Last Edit: 07 Aug 2017 09:46 by alvin77.

  • Posts:42
  • alvin77
  • Senior Boarder
  • OFFLINE
  • Karma: 0

Re: iconmoon 09 Aug 2017 02:23 #10468

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

joomfreak

  • Posts:2768
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
Time to create page: 1.35 seconds
Friday 19 July 2019

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.