Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Moments module classes icons

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 9 months ago
Hallo

I look for the icon names
until now I find only what is documentad at demo.joomlabamboo.com/index.php?theme=jun13
icon-comments and icon-phone

how can I know the complete list?
the jb Type list has another use not the same name convention.

Thankyou in advance.
Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
The JB Type is used in content with the template menu using a slightly different format

With Font awesome icons are added very frequently so not all icons are supported

fortawesome.github.io/Font-Awesome/icons/

instead of fa- use icon- for the menu

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
Hallo Paul,

thanks to the light!
I see taht each icon has 3 different sizes, I use the classes icon icon-comments medium for a medium size, the small ist too small but the medium I would like to resize, it´s posible?

www.yoga-retreats.in/contact.html?view=form
I will not the contact on the bottom like now.

I see now, that if I use the icon classe the module get another font type. how can I fix it?

Many Thanks in advance
Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Hi Ricardo,

Is the medium too big or too small?

With the contact form if you add this

#sidebar2 p {font-family:open sans;}

does that solve the problem?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
Hallo Paul, thanks to the help!

The medium is some big to the place, the icon touch the margin bottom and this look no nice, better the icon exactly in the middle or something small to be better adapted on the space.

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Problem are solved, just restyle the class .icon and that ´s it

.icon:before {
color: #fff;
font-size: 2em;
opacity: 0.6;
position: absolute;
right: 5px;
top: 0;
}

but how can I use the non supported icons? It´s posible?

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Depends on where you want to add them - via the menu yes

It would mean loading a file via custom code pointing to the font-awesone cdn

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
It´s work

I put on template before <head> the link <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

then in the module class suffix the classes fa fa-money fa-2x
the icon size is nice, but he resize the font and the font family again.

is necessary to style a new class to restore the font configuration or is posible to solve the conflict betwee the new classes style and the native template style?

You can see the result if you scroll down until Tour Cost
www.yoga-retreats.in/yoga-trekking/yoga-and-trekking-in-the-himalaya-bhrigu-lake-trek.html

Many Thanks
Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Hi Ricardo,

Add this


#belowcontent .module-inner {font-family:open sans}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
it´s solve partialy the problem, I try:
something is wrong with the font style, I try
#sidebar2 a {font-family: open sans;}
also
#belowcontent .module-inner {
font-family: open sans;
font-size: 14px;
}
and look at
www.yoga-retreats.in/yoga-trekking/yoga-and-trekking-in-the-himalaya-bhrigu-lake-trek.html
look the module latest news on sidebar2
and down on Toir cost
the font is not the same

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
You need to remove the icon from the ul before as its added twice

Text font wise it looks the same

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
how can I do it?

I just put the class names at the fieln class suffix in the same form as the icon-comments of the custoum html module

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
try

#mainWrap .zen-container ul:before {content: " ";}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
Thankyou Paul

it solve the problem, partialy the problem, becaus the module at belowcontent look the same, I tra to use also #belowcontent .module-inner ul:before {content: " ";} but it dosent work, some idea?

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
Last Edit: 9 years 9 months ago by ricardos.
The administrator has disabled public write access.
9 years 9 months ago
Looks ok at

www.yoga-retreats.in/yoga-trekking/yoga-and-trekking-in-the-himalaya-bhrigu-lake-trek.html
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
if you scroll donw and look at Tour Cost can you better understand.
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Do you mean you have the icon twice?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
yes!
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 9 months ago
Which one ideally are you looking to remove?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 9 months ago
I preffer to have the Icon and the h3 in a btn class, dont exactly lik a button, because it´s not to click, but with a bar like the zen-module-title class.

Ricardo
  • ricardos's Avatar
  • ricardos
  • LIfetime Developer - Big Bamboo
  • 297 posts
  • Karma: 0
Last Edit: 9 years 9 months ago by ricardos.
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close