home icon menu size

  • leahfalkowski

    (@leahfalkowski)


    8 years, 4 months ago

    How can I adjust the size of the home icon menu? I need the size of the font & the size of the icon smaller. Every css I’ve found changes the font size but not the icon size or the box size for them.

    how it looks now

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    8 years, 4 months ago

    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

    Thread Starter leahfalkowski

    (@leahfalkowski)

    8 years, 4 months ago

    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?

    hannah

    (@hannahritner)

    8 years, 4 months ago

    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

    frankieSegura

    (@frankiesegura)

    8 years, 4 months ago

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

    thx

    hannah

    (@hannahritner)

    8 years, 4 months ago

    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

    simplystitchez

    (@simplystitchez)

    7 years, 6 months ago

    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?

    hannah

    (@hannahritner)

    7 years, 6 months ago

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

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘home icon menu size’ is closed to new replies.