Changing color of Edit, Report, Quote Buttons

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
User avatar
trandoductin
Registered User
Posts: 60
Joined: Mon Sep 26, 2016 4:11 am

Changing color of Edit, Report, Quote Buttons

Post by trandoductin » Mon Jul 23, 2018 7:50 pm

Where/what should change to change the color buttons (Edit, Report, Quote) that appear above each post?
I see class="button fa-pencil .." so I tried searching for "pencil" in *.css files but couldn't find anything.
Thanks in advance.

User avatar
</Solidjeuh>
Registered User
Posts: 963
Joined: Tue Mar 29, 2016 3:45 am
Location: Aalst (Belgium)
Name: Andy Dm
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by </Solidjeuh> » Mon Jul 23, 2018 8:09 pm

Tried button? :D in colours.css
Wij promoten UW muziek in ons forum & delen alles via Sociale media!
Muziek wordt ook toegevoegd in de playlist van
textradio.be!
Mail uw single + hoesje + info naar: info@muziekpromo.net of Solidjeuh@textradio.be
===============
Onze Website: https://www.muziekpromo.net

User avatar
will_hough
Former Team Member
Posts: 1952
Joined: Mon Feb 06, 2006 8:47 pm
Location: Michigan
Name: Will Hough
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by will_hough » Tue Jul 24, 2018 2:18 am

To change only those buttons you listed use the following class.

Code: Select all

.post-buttons .button

User avatar
3Di
Registered User
Posts: 12899
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by 3Di » Tue Jul 24, 2018 2:26 am

trandoductin wrote:
Mon Jul 23, 2018 7:50 pm
class="button fa-pencil .." so I tried searching for "pencil"
fa-pencil... it's a FontAwesome Icon. https://www.w3schools.com/icons/tryit.a ... _fa-pencil

Ref.: https://www.w3schools.com/icons/fontawe ... webapp.asp
Want to compensate me for my interest? Donate
Please PM me only to request paid works. Thx.
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
3Di
Registered User
Posts: 12899
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by 3Di » Tue Jul 24, 2018 2:38 am

will_hough wrote:
Tue Jul 24, 2018 2:18 am
To change only those buttons you listed use the following class.

Code: Select all

.post-buttons .button
.button .icon,
example

Code: Select all

.icon, .button .icon, blockquote cite::before, .uncited::before {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: FontAwesome;
	font-size: 14px;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
Want to compensate me for my interest? Donate
Please PM me only to request paid works. Thx.
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
trandoductin
Registered User
Posts: 60
Joined: Mon Sep 26, 2016 4:11 am

Re: Changing color of Edit, Report, Quote Buttons

Post by trandoductin » Tue Jul 24, 2018 4:46 pm

I didn't want to mess with the button color so I ended up only changing the color so that only the symbol's color would change.

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 711
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Hanakin » Sat Jul 28, 2018 2:20 pm

generally, this is done by adding a color class to the specific i tag you want to change the color of in the template file. If you look in color.css we have icon-grey, icon-red, etc...

Talk19Zehn
Registered User
Posts: 260
Joined: Tue Aug 09, 2011 1:10 pm

Re: Changing color of Edit, Report, Quote Buttons

Post by Talk19Zehn » Sat Jul 28, 2018 10:03 pm

Hi, you mean perhaps something like this?

Code: Select all

.fa-pencil:before {
	color: red;
}
I'm not sure if it works in the sense of phpBB, untestet.

Regards
Currently occasionally online .. ♪ ♫ Best regards

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 711
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Hanakin » Mon Jul 30, 2018 9:51 pm

well no we edit it in the html... so find icon in html and add the icon-red class or w/e class you end up making

Talk19Zehn
Registered User
Posts: 260
Joined: Tue Aug 09, 2011 1:10 pm

Re: Changing color of Edit, Report, Quote Buttons

Post by Talk19Zehn » Sat Aug 04, 2018 7:55 pm

Hello, phpBB comes with numerous components in the CSS concept, which in my opinion - compelling reasons - do not require any interventions authoritative via HTML (*in this case). In this sense, the style concept is certainly crucial as long as the depths of phpBB are recognized by the one who creates concepts.

As a matter of principle, I do not share your opinion because I have personally collected, implemented and applied other experiences.

:) Many regards


*)Edit
Currently occasionally online .. ♪ ♫ Best regards

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 4 guests