Docs

[[email protected]]

Hello,

Id like to know how to make all the images on my menu the same size. Right now I have three images for each category of my menu and would like them all to be the same size.

Here is mu url : http://www.alaseraesthetics.com

Thanks for the help

[Rue Nel]

Hi There,

Thanks for writing in! At the moment, all of your three images is not of the same height. You have have uploaded or use images with the same height. With your current setup, we can add this little css to control the height of these images. please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-megamenu .menu-item img {
    max-height: 160px;
    display: block;
}

We would loved to know if this has work for you. Thank you.

[[email protected]]

Yes this worked great! However, is there any way I can alter the width of the images or possibly the spacing between them?

Thanks so much for the help! Greatly appreciated!

[[email protected]]

Also quick of topic question, how can i change in the footer where i have it set to “Powered By TLS Systems”, to make the font white to match rest of footer? Thanks so much again, best support offered by any theme hands down.

[Joao]

Hi There

You can add the following code to Appereance CUstomizer CUstom CSS

.x-colophon.bottom .x-colophon-content p , .x-colophon.bottom .x-colophon-content a {
    margin: 0;
    color: white;
    font-size: 13px;
}

Hope it helps

Joao

[[email protected]]

Okay thanks, any help with the width of menu images?

Thanks again Jack

[[email protected]]

Please view my url and look and the menu, Id like to be able to center all images in each menu column, it is all under services tab

Thanks again Jack

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.sub-menu a span img {
    width: 50%;
    margin: 0 auto;
}

Hope that helps.

[[email protected]]

Thank you, it still did not completely work however. Is there any type of CSS I could add to manipulate all the images to be exactly the same size with in the menu?

[Rad]

Hi there,

Which side? Width or height? When you change any side’s size, the other one will respond. Example, you may able to make the width uniform, but the height isn’t. Unless, you stretch it.

.x-megamenu .menu-item img {
    max-height: 100%;
    display: block;
    min-width: 100%;
}

This one will stretch it,

.x-megamenu .menu-item img {
    max-height: 130px;
    display: block;
    min-width: 100%;
}

Thanks!

[[email protected]]

This worked flawlessly, thanks so much guys you are the best !!!!!!

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts