Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Quick Links
Categories
In this Discussion
Vanilla 2.6 is here! It includes security fixes and requires PHP 7.0. We have therefore ALSO released Vanilla 2.5.2 with security patches if you are still on PHP 5.6 to give you additional time to upgrade.
Hover over reactions?
kryan1990
New
Is there a way to edit on my forum where the reaction buttons are always visible.
Right now you have to hover over them for them to show so half my users dont even see the buttons. Is this something I have to edit in the code or an easy fix in my dashboard?
Comments
In YAGA reactions.css, your custom theme, or using CSSEdit, add
.Item .Reactions > * {
visibility: visible;
}
Do I add that underneath the
.Item:hover .Reactions a {
width: inherit;
}
or do I replace it?
I replaced it and that didnt work
I also tried replacing all the words that say hover and change to visible
@kryan1990 do you know how CSS works ?
To follow the KISS principle, just add the code that whu606 give at the end of your theme file. Or easier: install CSSEdit and put it inside (not obligated to enable the change on mobile devices as well as YAGA already does).
I had done that also (only added it, didnt change anything) and the its still only showing if you hover
Is this working with this instead?:
Nope
Im only editing in the reactions.css
I have not tried the theme
Added that to the theme css and still nothing
Did you install the cssedit plugin aND followed the suggestion above?
Never, never do that. All changes must be done in your own theme or better using CSSEdit plugin.
That's very simple, check the permissions of the Plugin, in each of its roles, and check the option see in Yaga Reactions.
Thks,
Ive always changed the actual file
I had already done that
The reactions are viewable, you just have to hover over them to beable to "like" or "lol" a comment
So I downloaded csseditor
Do I just copy and past the
.Item .Reactions > * {
visibility: visible !important;
}
into the seetings of the plugin?
Yes you put inside it should work.
It did not work
This may help
https://open.vanillaforums.com/discussion/comment/231561/?__hstc=125439637.e1e7467149adf8a5653ecbb6b52a26f7.1510130282606.1511209945185.1511307343073.30&__hssc=125439637.12.1511307343073&__hsfp=1614701491?__hstc=125439637.e1e7467149adf8a5653ecbb6b52a26f7.1510130282606.1511209945185.1511307343073.30&__hssc=125439637.12.1511307343073&__hsfp=1614701491#Comment_231561
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
I already had that done
They can see the reactions, you have to hover to beable to see them.
I seriously do not know what I am doing wrong, nothing is working.
Please try to keep up !! you need to add this to the CSSEDIT plugin in the dashboard settings
If this still does not work you will need to create a temp admin account and send someone the login info along with a link to the site in order to help you more.
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
That did not work
I am adding it to the css editor plugin
If someone is willing to log into my forum to help I would appreciate it (I will grant access just message me here)
just out of curiosity after the changes has erased the server cache and your browser
cleared browser cache
How do I clear my server cache?
Send me over the login information of a user and I will have a look at it
The following CSS is responsible for hiding the ReactButtons (and some more elements:
Therefore adding the following lines with CSSEdit will permanently show the reaction buttons
That worked this time
Thanks so much
Is there a way to turn the hover off for everything?
No. You would have to search through the css files and whenever you see
.some thing > what ever:hover { visibility: visible } or { display: block }
or something like that, you would have to write that same rule without the :hover in your themes css