News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Menu Icons

Started by [chrisB], December 11, 2022, 04:21:38 PM

Previous topic - Next topic

[chrisB]

How do you change the menu icons?

Home | Search | Calendar | Members

I have searched various terms to try to find the answer to my question, so please keep this in mind. I haven't managed to find any posts or topics about this subject - it may be due to my search terms, but I did scroll through what I thought would find the answer.
I'm stuck in a time warp from the early 00's.

Diego Andrés

They are loaded from the css using background-image and positioning.
The image sprite is located in Themes/default/images/icons/main_icons_sprite.png and Themes/default/images/icons/main_icons_sprite_hd.png

You could also just overwrite them using css, and individual icons.

SMF Tricks - Free & Premium Responsive Themes for SMF.

[chrisB]

Would you be able to tell me how to overwrite them with CSS?
I'm stuck in a time warp from the early 00's.

Diego Andrés

It would be something like this.

.main_icons.icon_name::before {
    background-image: url(../images/icons/youricon.png);
    background-repeat: no-repeat;
    position: center;
}

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: