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: 76
Joined: Mon Sep 26, 2016 4:11 am

Changing color of Edit, Report, Quote Buttons

Post by trandoductin »

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: 1788
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> »

Tried button? :D in colours.css
User avatar
will_hough
Former Team Member
Posts: 1955
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 »

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

Code: Select all

.post-buttons .button
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by 3Di »

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
🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by 3Di »

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;
}
🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
trandoductin
Registered User
Posts: 76
Joined: Mon Sep 26, 2016 4:11 am

Re: Changing color of Edit, Report, Quote Buttons

Post by trandoductin »

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
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Hanakin »

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...
User avatar
Talk19Zehn
Registered User
Posts: 846
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Talk19Zehn »

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
Best regards
phpBB3 Designs - My own works: Stylearea Ongray-Designs, Adventinducement-Calendar for phpBB
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Hanakin »

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
User avatar
Talk19Zehn
Registered User
Posts: 846
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: Changing color of Edit, Report, Quote Buttons

Post by Talk19Zehn »

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
Best regards
phpBB3 Designs - My own works: Stylearea Ongray-Designs, Adventinducement-Calendar for phpBB
Post Reply

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