Solved How to modify the EDIT button in My Profile

On my site this is what you see.. ( CLICK on it for full width display, please)




The Edit button is not very obvious and I'd like to change it's size and colour.
I'd like it to be a bit larger and WHITE, if possible.. maybe GREEN when clicked.
I think the colour can be tweaked via the template but that's a difficult (for me) exercise for some reason, I can't figure out the field descriptions very well. :blink:

Thanks again..

Database collation check: The collation of your table fields are correct

Joomla! SEF: Enabled | Joomla! SEF rewrite: Disabled | FTP layer: Disabled |

This message contains confidential information

htaccess: Exists | PHP environment: Max execution time: 30 seconds | Max execution memory: 128M | Max file upload: 50M

Kunena menu details:

Warning: Spoiler!

ID	Name	Menutype	Link	Path
123	Forum	kunenamenu	view=home&defaultmenu=125	forum
124	Index	kunenamenu	view=category&layout=list&catid=0	forum/index
125	Recent Topics	kunenamenu	view=topics&mode=replies	forum/recent
126	New Topic	kunenamenu	view=topic&layout=create	forum/newtopic
127	No Replies	kunenamenu	view=topics&mode=noreplies	forum/noreplies
128	My Topics	kunenamenu	view=topics&layout=user&mode=default	forum/mylatest
129	Profile	kunenamenu	view=user	forum/profile
131	Search	kunenamenu	view=search	forum/search
132	RC Sailboats Forum	mainmenu	Itemid=123	kunena-2013-01-10

Joomla default template details : ShipShapeRC_6_20 | author: Mike Fields | version: 1.0 | creationdate: Unknown

Kunena default template details : Blue Eagle 2.0 | author: Kunena Team | version: 3.0.0 | creationdate: 2013-05-15

Kunena version detailed: Kunena 3.0.0 | 2013-05-15 [ Wanga ]
| Kunena detailed configuration:

Warning: Spoiler!

Kunena config settings:
board_offline	0
enablerss	1
threads_per_page	15
messages_per_page	25
messages_per_page_search	50
showhistory	1
historylimit	15
shownew	1
disemoticons	0
template	blue_eagle
showannouncement	1
avataroncat	1
catimagepath	category_images
showchildcaticon	1
rtewidth	500
rteheight	500
enableforumjump	0
reportmsg	0
username	1
askemail	0
showemail	0
showuserstats	1
showkarma	0
useredit	1
useredittime	0
useredittimegrace	600
editmarkup	0
allowsubscriptions	1
subscriptionschecked	0
allowfavorites	1
maxsubject	60
maxsig	150
regonly	0
pubwrite	0
floodprotection	0
mailmod	-1
mailadmin	-1
captcha	0
mailfull	0
allowavatarupload	1
allowavatargallery	1
avatarquality	75
avatarsize	2048
imageheight	500
imagewidth	500
imagesize	150
filetypes	txt,rtf,pdf,kmz,zip,tar.gz,tgz,tar,ppt.
filesize	600
showranking	1
rankimages	1
userlist_rows	30
userlist_online	1
userlist_avatar	1
userlist_name	0
userlist_posts	1
userlist_karma	0
userlist_email	0
userlist_joindate	0
userlist_lastvisitdate	1
userlist_userhits	1
latestcategory
showstats	1
showwhoisonline	1
showgenstats	1
showpopuserstats	1
popusercount	5
showpopsubjectstats	1
popsubjectcount	5
usernamechange	0
showspoilertag	1
showvideotag	0
showebaytag	0
trimlongurls	1
trimlongurlsfront	40
trimlongurlsback	20
autoembedyoutube	1
autoembedebay	0
ebaylanguagecode	en-us
sessiontimeout	3600
highlightcode	0
rss_type	topic
rss_timelimit	month
rss_limit	100
rss_included_categories
rss_excluded_categories
rss_specification	rss2.0
rss_allow_html	1
rss_author_format	name
rss_author_in_title	1
rss_word_count	0
rss_old_titles	1
rss_cache	900
defaultpage	recent
default_sort	desc
sef	1
showimgforguest	0
showfileforguest	0
pollnboptions	8
pollallowvoteone	1
pollenabled	1
poppollscount	5
showpoppollstats	1
polltimebtvotes	00:1:00
pollnbvotesbyuser	1
pollresultsuserslist	1
maxpersotext	50
ordering_system	mesid
post_dateformat	ago
post_dateformat_hover	datetime
hide_ip	1
imagetypes	jpg,jpeg,gif,png
checkmimetypes	1
imagemimetypes	image/jpeg,image/jpg,image/gif,image/png
imagequality	75
thumbheight	32
thumbwidth	32
hideuserprofileinfo	put_empty
boxghostmessage	0
userdeletetmessage	2
latestcategory_in	1
topicicons	1
debug	0
catsautosubscribed	0
showbannedreason	0
version_check	1
showthankyou	1
showpopthankyoustats	1
popthankscount	5
mod_see_deleted	0
bbcode_img_secure	text
listcat_show_moderators	0
lightbox	1
show_list_time	720
show_session_type	0
show_session_starttime	15
userlist_allowed	1
userlist_count_users	1
enable_threaded_layouts	0
category_subscriptions	topic
topic_subscriptions	disabled
pubprofile	0
thankyou_max	50
email_recipient_count	0
email_recipient_privacy	bcc
captcha_post_limit	0
keywords	0
userkeywords	0
image_upload	registered
file_upload	registered
topic_layout	flat
time_to_create_page	1
show_imgfiles_manage_profile	0
hold_newusers_posts	0
hold_guest_posts	0
attachment_limit	6
pickup_category	0
article_display	full
send_emails	0
fallback_english	1
cache	1
cache_time	60
iptracking	1
rss_feedburner_url
autolink	1
access_component	1
userlist_usertype	0
sefutf8	0

| Kunena integration settings:

Warning: Spoiler!

Kunena - AlphaUserPoints Disabled
Kunena - Community Builder Disabled
Kunena - Gravatar Disabled
Kunena - JomSocial Disabled
Kunena - Joomla Enabled: access=1 login=1
Kunena - Kunena Enabled: avatar=1 profile=1
Kunena - UddeIM Disabled

| Joomla! detailed language files installed:

Warning: Spoiler!

Joomla! languages installed:
en-GB	English (United Kingdom)

Third-party components: None

Third-party SEF components: None

Plugins: None

Modules: Kunena Search 3.0.0

I think the element you want to edit is called "#Kunena h2 span.kheadbtn a" and is in kunena.forum-min.css
To find it, simply search it with the search tool of the editor you're using, it will bring you directly to that part. (minified CSS files are not easy to read)

Once you found it, just add/edit the properties you want.

You'll probably have something like this:

Just add what you want, like this:

If you want to edit the style when the cursor is on it, it's the next declaration in code:
"hover" is a pseudo-class that set the style for element when the cursor is over it.

And finally, if you want to set style when clicked, you need to add a new declaration, because it doesn't already exists. It is very similar to the other two. It uses the pseudo-class "focus" which is very similar to "hover" so you have to add something like:

Here I set the background to a very light blue when clicked.

Thanks!

That WAS a bit hairy, for me, all those acres of code, tight packed..

Although I now have a larger font that is great, it is still red, which is also Ok, but it doesn't have the "hover" effect.

I'm sure I have misread your instructions so here is the string from the original code plus what I have appended.
I expect I have added too much somewhere. :pinch:

#Kunena h2 span.kheadbtn a{font-size:11px!important;line-height:23px;border:1px solid;padding-top:1px;padding-bottom:3px;padding-left:3px;padding-right:3px}#Kunena h2 span.kheadbtn:hover a{text-decoration:none;border:1px solid}#Kunena h2 span.kheadbtn a{color:#fff;font-size:15px!important;line-height:23px;border:1px solid;padding:1px 3px 3px;}#Kunena h2 span.kheadbtn:hover a{text-decoration:none;border:1px solid;}#Kunena h2 span.kheadbtn:focus a{background:#76d8fb;}

Here's the current look.. Clicking on Edit does go to the edit window and Edit turns to Back.




If you could correct my error/s I would be able to paste in place of what I have.

Still, it's pretty well what I was looking for, and others will be able to see.

#Kunena h2 span.kheadbtn:hover a
this is not correct
it should be

#Kunena h2 span.kheadbtn a:hover

Thanks for that.. works perfectly..

I really appreciate the help

Just noticed something about this.

I was testing a new "registered" user in his Profile and noticed that the Edit button was a indistinct EDIT , where as using the above code it was red.

I checked the css file again and it seemed to correct with fff as the font colour, but changing it to anything else had no apparent affect on the EDIT colour.

Turns out that when I log myself in as Admin I see it as red, login in as a registered user and its this darkish green.

I do know that when logged in my "rank" is shown in red, as is my online listing ..

Seems there is a connection to this somehow.

How can I get the EDIT in PROFILE to appear RED to all registered users, as well as Admins.? Guests do not have access to profiles.

Thanks

The colour of the Kunena profile edit link should not be different for administrators compared with other users. The colour of the Kunena profile edit link is dependent on CSS. CSS loads independently of whether you are logged-in as an administrator or as a non-privileged registered user.

Perhaps the difference is due to using a different web browser or accessing your site from a different PC? Perhaps the difference is that the browser you were using in these different cases has a different cached version of the CSS? Perhaps forcing the browser to load a new version of the CSS files will resolve the problem. Have you tried clearing and reloading your browser cache?

I have 3 different Admins and 3 different Registered users that I can test login, and in any combination, and on any PC (I use a laptop to double check) and every time I come in as an Admin its RED and as Registered its green, even one after the other. Using F5 just refreshes the screen but changes nothing. If there is no correlation as I'm suggesting then why the precise colour change exactly as to user type.?

I understand what you are saying but I can only report what I see and how I do it.

Several members have confirmed that they all see the blue/green EDIT, not the red. One tested it on his Mac. They are located throughout the world.

I've also found that changing the colour code kheadbtn a{color:#fff; (in the css file does not appear to change the button. I cannot even guess as to why.

Can you suggest what else I might check?

This is the path to the template I checked

public_html/shipshaperc/components/com_kunena/template/blue_eagle/css/kunena.forum-min.css

As I am sure you would know, the only way that any of us can check (or double-check) what you have done, is to have access to two accounts: (a) an administrator account and (b) an ordinary registered user's account. Furthermore, we need to spend time doing this checking work.

Does this really matter? Maybe you are loading different site templates based on who is logging in? I don't know; the possibilities are enormous. The only point that I want to make is simply this:

If you want to change any colours [to the Kunena template (obviously)] and make them stick and hold fast, then change the colours by adding extra rules to the end of your Joomla site template CSS file. IF you start messing around with ../components/com_kunena/template/blue_eagle/css/kunena.forum-min.css then, in my opinion, I think you are making an error of judgement. Yes, you can change ../components/com_kunena/template/blue_eagle/css/kunena.forum-min.css and yes, it is possible for things to still work after making those changes but the more likely outcome is that you will break things apart.

Therefore, in conclusion, the only sure way that we can get to the bottom of this mystery is to view the site in exactly the same way as other users of your community view the site. In order to do that we would need access to accounts on yours site that permit us to see the "Edit" link. Last, but not least, we need to make time to do this when it's convenient.

We do not have this issue here at www.kunena.org .

Thank you

I can assure you I don't change anything without backing up the file first, and so far only as directed in this topic. . Before I do anything outside of Control Panel I back up the site. The site uses just the default template, I wouldn't know where to get any others, nor have any need to.
There are only 2 levels of forum access, Admin and Registered. Control over what is viewable is purely the options for categories in Control Panel. Both see all categories, Guests see about 60%.

Is it worth it? Probably not since it is only a minor nuisance and can be covered by a mention in FAQ which all new members are directed to.

I'd be happy to supply the two logins you need but as you say, it's all time and you no doubt have better things to do with your time since it is of a very minor nature..

I just thought it was worth mentioning.