What's New
Tagged: problem
- AuthorPosts
This is my website:
http://mhlemus.x10.mx
I need the menu to look like the one in the next image, either by adding the icons or by putting them as an imageAttachments:
Basically in the following document I explain what I need to finish my page
Attachments:
https://www.flaticon.com/free-icon/acoustic-guitar_43852
https://www.flaticon.com/free-icon/drum-set_24859
https://www.freepik.es/iconos-gratis/vista-superior-piano_745103.htm
https://www.freepik.es/iconos-gratis/saxofon-jazz_768412.htm
https://www.freepik.es/iconos-gratis/acordeon_772780.htm
https://www.freepik.es/iconos-gratis/herramientas-trabajo_773147.htm
https://www.freepik.es/iconos-gratis/baquetas_882994.htm
https://www.freepik.es/iconos-gratis/destornillador-forma_791172.htm
https://www.freepik.es/iconos-gratis/instrumento-musical-piano_745277.htm
https://www.freepik.es/iconos-gratis/bateria_864727.htm
https://www.freepik.es/iconos-gratis/sintetizador_910829.htm
https://www.freepik.es/iconos-gratis/saxophon_864532.htm
https://www.freepik.es/iconos-gratis/organo_855557.htm
https://www.freepik.es/iconos-gratis/sintetizador_910829.htm
If it is possible to add these icons or icons created by my designer, is there any way?Hi,
If you want to add custom icons, you need to have the web font, all my icons from http://fontello.com/
How to add custom icons: https://www.youtube.com/watch?v=T1JsGHFecFY&t=41s
If you want to use the custom image as an icon, you need to upload the images, then use Custom CSS code to apply them.
Best regards.Hello, I am attaching a word file with my problem since I occupy adding several icons of musical instruments and try to make a test of adding one but it fails in the document word is shown to detail the fault
Attachments:
Hi,
Please view the article: https://www.sunnytoo.com/12656/add-new-web-font-icons-fontello-transformer-theme-panda-theme, you need to upload your own .svc format icon to fontello.com.
Best regards.Hi,
You added icons for drop-down menu, please add the following code to the “Custom CSS Code” under Theme editor > Custom codes to change icon size:
.stmenu_sub.stmenu_vertical [class*=" fto-"]:before,.stmenu_sub.stmenu_vertical [class^=fto-]:before{font-size:24px;}
See attached screenshot.
Best regards.Attachments:
Hi,
No, I did not add the icons because I want to replace the icon by my own image. I mean, I need to use a photo instead an icon. How could I upload the images? Is it neccessary to modify CSS with these lines in the case of to use images? Which are the recommended size and type of the images?
Thanks for your support.
Regards,
Sandra
Hi,
Please add the following code to the “Custom CSS Code”, then prepare your image with 30px by 30px and upload them to the /upload forlder, image name should be mu-ID, see attached screenshot..stmenu_sub.stmenu_vertical li.mv_level_1 a.mv_item{padding-left: 24px;height: 40px;background-position: center center;background-repeat: no-repeat;} .stmenu_sub.stmenu_vertical li.mv_level_1 a.mv_item i{display:none;} #st_ma_22{background-image: url(/upload/mu-22.jpg);} #st_ma_23{background-image: url(/upload/mu-23.jpg);} #st_ma_24{background-image: url(/upload/mu-24.jpg);} #st_ma_25{background-image: url(/upload/mu-25.jpg);} #st_ma_26{background-image: url(/upload/mu-26.jpg);} #st_ma_27{background-image: url(/upload/mu-27.jpg);} #st_ma_47{background-image: url(/upload/mu-47.jpg);}
Best regards.
Attachments:
- AuthorPosts
You must be logged in to reply to this topic.