Page 1 of 1

Changing color of Edit, Report, Quote Buttons

Posted: Mon Jul 23, 2018 7:50 pm
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.

Re: Changing color of Edit, Report, Quote Buttons

Posted: Mon Jul 23, 2018 8:09 pm
by </Solidjeuh>
Tried button? :D in colours.css

Re: Changing color of Edit, Report, Quote Buttons

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

Code: Select all

.post-buttons .button

Re: Changing color of Edit, Report, Quote Buttons

Posted: Tue Jul 24, 2018 2:26 am
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

Re: Changing color of Edit, Report, Quote Buttons

Posted: Tue Jul 24, 2018 2:38 am
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;
}

Re: Changing color of Edit, Report, Quote Buttons

Posted: Tue Jul 24, 2018 4:46 pm
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.

Re: Changing color of Edit, Report, Quote Buttons

Posted: Sat Jul 28, 2018 2:20 pm
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...

Re: Changing color of Edit, Report, Quote Buttons

Posted: Sat Jul 28, 2018 10:03 pm
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

Re: Changing color of Edit, Report, Quote Buttons

Posted: Mon Jul 30, 2018 9:51 pm
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

Re: Changing color of Edit, Report, Quote Buttons

Posted: Sat Aug 04, 2018 7:55 pm
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