The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

SCEditor button icon change

3 posters

Go down

Solved SCEditor button icon change

Post by romanzo 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;
}
avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

Post by pedxz 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
pedxz
pedxz
Forumember

Posts : 701
Reputation : 137
Language : 🇵🇹

View user profile https://www.forumotion.com/create-forum/modernbb

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo 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.
avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

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



SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: SCEditor button icon change

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

avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

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

Are you using Ange Tuteur's Edge?


SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: SCEditor button icon change

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

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

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

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

Please post your forum's link.


SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: SCEditor button icon change

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

Here's the forum link.

tnmaa.forumotion.com
avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

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

The tutorial was created before we got ModernBB.


SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo 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

SCEditor button icon change Firesh10
avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

Post by SLGray 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;
        }


SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: SCEditor button icon change

Post by romanzo 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.
avatar
romanzo
Forumember

Posts : 75
Reputation : 3
Language : English

View user profile

Back to top Go down

Solved Re: SCEditor button icon change

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

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


SCEditor button icon change Slgray10

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

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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