VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
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:2625
  • 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:2625
  • 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:2625
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
Time to create page: 1.14 seconds

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.