SCEditor button icon change

Go down

Solved SCEditor button icon change

Post by romanzo on February 17th 2018, 11:46 am

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;
}

romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by pedxz on February 17th 2018, 3:08 pm

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
avatar
pedxz
Forumember

Male Posts : 107
Reputation : 22
Language : speaker daemonium & português
Location : Lisboa, Portugal

http://ajuda.forumeiros.com/u62843

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 17th 2018, 6:16 pm

@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.

romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 17th 2018, 8:22 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 18th 2018, 7:31 am


romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 18th 2018, 7:30 pm

Are you using Ange Tuteur's Edge?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 19th 2018, 11:16 am

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

romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 19th 2018, 5:14 pm

Please post your forum's link.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 19th 2018, 7:04 pm

Here's the forum link.

tnmaa.forumotion.com

romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 19th 2018, 7:12 pm

The tutorial was created before we got ModernBB.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 19th 2018, 7:20 pm

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

Its awkward to have two youtube icon in SCEditor. Razz


romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 19th 2018, 7:22 pm

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;
        }


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo on February 19th 2018, 7:35 pm

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.

romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray on February 19th 2018, 7:43 pm

Thanks for posting your solution.
Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum