Shape 5

Joomla Templates => Zoka Transports - Club => : Ruminator November 19, 2014, 02:55:46 PM


: How to change/modify icons on Front page s5 horizontal accordian?
: Ruminator November 19, 2014, 02:55:46 PM
Manged to change pictures and text... But icons disappear after changing regardless of using HTML or WYSIWYG editor.

How do you change the icons... I did see there are pre-installed CSS icons.... But where is the definition made?

See attached screen shot with my edited "Learn" vs sample-data "Air" etc...

: Re: How to changhe/modify icons on Front page s5 horizontal accordian?
: Ruminator November 19, 2014, 03:14:18 PM
SOLVED: had to disable WYSIWYG entirely in Global settings rather than toggle one by one.

: Re: How to changhe/modify icons on Front page s5 horizontal accordian?
: Ruminator November 19, 2014, 03:23:19 PM
Okay, bit now it's TINY!

Have tried adding style=font-size to bump it up but not working....

: Re: How to change/modify icons on Front page s5 horizontal accordian?
: mikenicoll November 19, 2014, 04:23:22 PM
Hello,

Any new icons you add will have to be stylized based on the icons class name. You can see an example of one we already did in the Template.CSS files below:

:
Template.CSS - Line 728

.ion-jet {
    display: block;
    font-size: 4.3em;
    padding-top: 13px;
}

Horizontal Accordion Specific:

:
Template.CSS - Line 2045

.ion-jet.ha {
    color: #ffffff;
    display: block;
    font-size: 4em;
    height: 79px;
    padding-top: 0;
}

: Re: How to change/modify icons on Front page s5 horizontal accordian?
: bellatrix May 10, 2015, 12:56:29 AM
There is a list of these icons?
They are contained in the file ionicons.svg?

: Re: How to change/modify icons on Front page s5 horizontal accordian?
: bellatrix May 13, 2015, 04:24:21 AM
up...    ::)

: Re: How to change/modify icons on Front page s5 horizontal accordian?
: jonahh November 23, 2015, 01:22:28 PM
Hello,

Here is a list of the icons available:

http://ionicons.com/cheatsheet.html