News:

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

Main Menu

Main Icon edit

Started by bethl, May 15, 2024, 06:36:46 PM

Previous topic - Next topic

bethl

How do you overwrite the  overwrite the selector.
.main_icons.home::before {}. I'm not familiar with coding that good. 

Antechinus

Quote from: shawnb61 on May 16, 2024, 08:36:41 PMI always bork the coordinates myself...  Made myself a cheatsheet...

You cannot view this attachment.

Serious suggestion: for God's sake, do any spriting in the next version of SMF sanely. Those numbers are completely bonkers. It could have all been done in easy chunks of 10, so mental arithmetic was a piece of cake. The cost of a few extra pixels here and there is insignificant compared to the benefit for ease of use. It should have been: 0, 30, 60, 90, etc.

And yes, I know you weren't personally responsible for the bonkers numbers. :)

Diego Andrés

Quote from: bethl on May 18, 2024, 03:31:27 PMHow do you overwrite the  overwrite the selector.
.main_icons.home::before {}. I'm not familiar with coding that good. 

It's just an example, you use what you have in .sprite, inside the brackets of the selector I posted.

I'm saying overwriting, because we don't know if you're editing the icon in the index.css in its original line, or adding your CSS at the end of the file.

In any case, you still need to check the path you're using because you didn't confirm if you added that directory called "imgs".


Quote from: Antechinus on May 20, 2024, 05:41:27 PMSerious suggestion: for God's sake, do any spriting in the next version of SMF sanely.

Switching to fontawesome, but likely keeping the custom selectors (replacing them) for backwards compatibility in case we switch to <i class="fa"></i> syntax.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Antechinus


bethl

I'm so sorry I'm just seeing this thank you all for your help it's working now for some reason it wasn't showing then started showing up.

Advertisement: