Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

How to increase icon size

P h
6 years ago Jul 24, 2015 7:28am
Johannes Laidler
6 years ago Jul 24, 2015 7:41am

Hi,

try something like this:

JAVA

Label icon = new Label(FontAwesome.TRASH_O.getHtml(), ContentMode.HTML);
  icon.addStyleName("icon96px");

CSS

.icon96px{
   font-size: 96px;
}

you can also use the build in Valo variables:

Label icon = new Label(FontAwesome.TRASH_O.getHtml(), ContentMode.HTML);
 icon.addStyleName(ValoTheme.LABEL_LARGE);

best regards

Johannes

Marius Reinwald
6 years ago Jul 24, 2015 7:57am

The css can be changed to

.icon96px .v-icon{
  font-size: 96px;
} 

to only affect the icon

P h
6 years ago Jul 24, 2015 8:03am
Agent 100
2 years ago Jan 16, 2020 1:29pm
Nick Rapellas
2 years ago Jan 16, 2020 1:40pm
Agent 100
2 years ago Jan 16, 2020 2:56pm