Hi guys,
I've beening composing my own theme plugin for a while. I've played around, chanign colors, fonts, and etc. on elgg. However, I haven't found a css file to change the "log in" button's color and the border of the search area on the top right of the window. Where are the related css files?
*sorry that the language is in Thai. Anyway, it is "Log in" button. How to edit the colors as well as the border of the search area show in the picture above?
Also, I'd like to change the hover background color of the drop down menu as shown in the picture below. I've not yet found the css file to be changed.
Thanks in advance,
PT
info@elgg.org
Security issues should be reported to security@elgg.org!
©2014 the Elgg Foundation
Elgg is a registered trademark of Thematic Networks.
Cover image by RaĆ¼l Utrera is used under Creative Commons license.
Icons by Flaticon and FontAwesome.
- Matt Beckett@Beck24
Matt Beckett - 0 likes
- guygrandvite@guygrandvite
guygrandvite - 0 likes
- Matt Beckett@Beck24
Matt Beckett - 0 likes
- guygrandvite@guygrandvite
guygrandvite - 0 likes
- Matt Beckett@Beck24
Matt Beckett - 0 likes
You must log in to post replies.You shouldn't need to have to locate the css file, write your own rules for the button class.
Well, I am doing it as a plug in. What do you mean by saying "write your own rules for the botton class"?
Do you mean there is no way to change those colors?
Thanx,
PT
There's lots of ways to change it, I'm saying the information of which file the original css is written in is inconsequential to your quest for changing it.
Write your own rules for it. eg. if the button class is 'elgg-button' and it's inside a container of 'elgg-login-form'
then write your own rules:
.elgg-login-form .elgg-button {
color: black;
background-color: white;
border: 6px solid red;
// etc etc
}
Thanks Matt for your quick reply.
The problem is I don't know where to put the rules...which file? When I search button.php, I couldn't find "elgg-button" nor "elgg-login-form". And if I write my own rules like the example you've given, which file to put this rule and will the elgg know the variable (e.g. .elgg-login-form, elgg-button) about the login button automatically?
I am very new to elgg na.
Thanks krub.
Take a look at this
http://community.elgg.org/plugins/839775/1.8.3/customize-css