Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Topics that are moved into this category are generally considered to be closed. Users may want to add additional information but these topics should not be resurrected in order to discuss new problems or unrelated matters.

Solved How to modify the EDIT button in My Profile

More
12 years 11 months ago - 12 years 11 months ago #144608 by Nemo10
How to modify the EDIT button in My Profile was created by Nemo10
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..



This message contains confidential information

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!

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 integration settings:
Warning: Spoiler!
| Joomla! detailed language files installed:
Warning: Spoiler!

Third-party components: None

Third-party SEF components: None

Plugins: None

Modules: Kunena Search 3.0.0

Oh for a neat solution...
Last edit: 12 years 11 months ago by Nemo10. Reason: clean up

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #144611 by BickyBik
Replied by BickyBik on topic How to modify the EDIT button in My Profile
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:
Code:
#Kunena h2 span.kheadbtn a{font-size:11px!important;line-height:23px;border:1px solid;padding:1px 3px 3px;}

Just add what you want, like this:
Code:
#Kunena h2 span.kheadbtn a{color:#fff;font-size:15px!important;line-height:23px;border:1px solid;padding:1px 3px 3px;}

If you want to edit the style when the cursor is on it, it's the next declaration in code:
Code:
#Kunena h2 span.kheadbtn:hover a{text-decoration:none;border:1px solid;}
"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:
Code:
#Kunena h2 span.kheadbtn:focus a{background:#76d8fb;}

Here I set the background to a very light blue when clicked.
Open Source is a bit like Communism with charm of Maryline.

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago - 12 years 11 months ago #144620 by Nemo10
Replied by Nemo10 on topic How to modify the EDIT button in My Profile
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.
Oh for a neat solution...
Last edit: 12 years 11 months ago by Nemo10. Reason: Goofed

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #144622 by mukyz
Replied by mukyz on topic How to modify the EDIT button in My Profile
#Kunena h2 span.kheadbtn:hover a
this is not correct
it should be

#Kunena h2 span.kheadbtn a:hover

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #144639 by Nemo10
Replied by Nemo10 on topic How to modify the EDIT button in My Profile
Thanks for that.. works perfectly..

I really appreciate the help :)
Oh for a neat solution...

Please Log in or Create an account to join the conversation.

More
12 years 10 months ago - 12 years 10 months ago #145740 by Nemo10
Replied by Nemo10 on topic How to modify the EDIT button in My Profile
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
Oh for a neat solution...
Last edit: 12 years 10 months ago by Nemo10.

Please Log in or Create an account to join the conversation.

Time to create page: 0.283 seconds