home icon menu size

Hey,
you can use this css for the icon:

.home-iconmenu a i {
    font-size: 30px;
}

this for the title:

.home-iconmenu a h4 {
    font-size: 18px;
}

The width of the box is set by the columns.

Hope that helps,

Kadence Themes

Thank you!

That worked to change the size of the font & the icon, but is there a way to change the height?

Or a way to put the text & the icon next to each other? Instead of the icon above the text?

You can adjust the height with this css:

.home-iconmenu a {
    height: 150px;
}

You can move the icon beside the title with this css:

.home-iconmenu a i {
    padding-top: 0;
    float: left;
}

You just may need to play around with more css to adjust.
Hope that helps!

Hannah

what ccs i need change this value, because i never found nothing about .home-iconmenu a

thx

frankieSegura,
I’m not sure what you’re asking? Do you mind starting a new topic and providing a link to your site?
Thanks!

Hannah

This is a great post. Can someone offer me some assistance with the same situation as above? Here is what I have Virtue pro theme with woocommerce. I’m wanting to change the size/font of text on icon menu and the size of the actual icon height. Can you please provide location of where to make the CSS changes if they are the same as above?

• This reply was modified 8 years, 1 month ago by simplystitchez.

Hi simplystitchez,
Just paste the above css into your custom css box in Theme Options > Advanced Settings.

Hannah