Okay
  Public Ticket #161598
ICON RESIZE
Closed

Comments

  • I Love started the conversation
    February 12, 2014 at 12:01am

    Hi, I want to use 'regular' size icon and make it 60px size.

     

    How would i go about. i tried many ways:

    1. in css panel i made:

    .massive-icon { font-size: 100px!important!important; margin-bottom: 0.7em; }

    and apply massive-icon (please note i didnt put .massive-icon) in 'Extra Class Name'

    2. I tried to apply massive-icon instead of

    [icon color="Accent-Color" size="regular" image="icon-long-arrow-down"]

    i used [icon color="Accent-Color" size="massive-icon" image="icon-long-arrow-down"] 

    3. wrap arround <div> tag like <div class="icon-massive>

    [icon color="Accent-Color" size="regular" image="icon-long-arrow-down"] 

    </div

    nothing worked. HELP!

     

    also what is the size of the icons, i mean maximum size when you made a font, 64px? i don't want to make it too big to see pixels. thanks

    <div class="massive-icon> [icon color=" accent-color"="" size="regular" image="icon-long-arrow-down" ]="" none="" of="" them="" work!="" help="" p.s.="" i="" don't="" want="" to="" use="" large="" circle="" or="" because="" they="" have="" a="" round="" around="" it.="" other="" question:="" what="" is="" the="" maximum="" icon="" can="" be.="" mean="" did="" you="" upload="" it="" max="" -="" 64px?="" make="" too="" big="" so="" see="" pixels.

  •  1,069
    ThemeNectar replied
    February 14, 2014 at 6:06am

    Hey!

    I would recommend this method:

    <div class="massive-icon">

[icon color="Accent-Color" size="regular" image="icon-long-arrow-down"] 

</div>

    and then the css to add would be:

    body .massive-icon .icon-default-style[class^="icon-"] {
   font-size: 60px!important;   
}

    Cheers :)