SCEditor button icon change

Good day, I've been having problem adding a new button to my SCEditor as I can't change it's icon via CSS. It only show a youtube icon for some reason.

Here's the code in CSS.

Code:

.sceditor-button-mention div {
  background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important;
}

Hey,
Could you describe the process of what you intend to do?
Change the icons, add a new function to the SCEditor, etc

I'll wait for an answer,
thanks

pedxz wrote:Hey,
Could you describe the process of what you intend to do?
Change the icons, add a new function to the SCEditor, etc

I'll wait for an answer,
thanks

Hi, I'm trying to change the icon of the button I added.

Are you using this:  https://help.forumotion.com/t140358-make-the-mentioning-system-easier-to-use?highlight=mentioning ?

SLGray wrote:Are you using this:  https://help.forumotion.com/t140358-make-the-mentioning-system-easier-to-use?highlight=mentioning ?

Hi @SLGray, yes I'm using that one.

Are you using Ange Tuteur's Edge?

@SLGray nope, I copied it before Edge was announced. Is it required?

Please post your forum's link.

Here's the forum link.

tnmaa.forumotion.com

The tutorial was created before we got ModernBB.

Yes it was, but can the sceditor icon still be edited via CSS?

Its awkward to have two youtube icon in SCEditor.

This is the CSS:

Code:

        /* button image */
        .sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
        
        /* drop down input */
        #fa-mention {
          background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
          padding-left:22px;
        }

Hi, thanks for the help again. It seems that most of my CSS problem is because I paste them at the bottom. It properly show now when paste at the top.

Thanks for posting your solution.

Problem solved & topic archived. Please read our forum rules:  ESF General Rules