Hover over reactions?

2»

Comments

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited November 2017

    Please try to keep up !! you need to add this to the CSSEDIT plugin in the dashboard settings

        .Item:hover .Reactions a {
          width: inherit;
        }
        .Item .Reactions > * {
          visibility: visible;
        }
        .Item .Reactions > *.Visible {
          visibility: visible;
        }
        .Item.Open .Reactions > *,
        .Item:hover .Reactions > *,
        .Item .Reactions > .FlagMenu {
          visibility: visible;
        }
        /* iPad/iPhone */
        @media only screen and (device-width: 768px),
        only screen and (max-device-width: 480px) {
          .Item .Reactions > * { visibility: visible; }
        }
    

    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?

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    @kryan1990 said:
    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)

    Send me over the login information of a user and I will have a look at it


  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    The following CSS is responsible for hiding the ReactButtons (and some more elements:

    .Hijack.Bookmark,
    .SpFlyoutHandle,
    .ReactButton,
    .Reactions .Quote,
    .RatingContainer a {
        visibility: hidden;
    }
    

    Therefore adding the following lines with CSSEdit will permanently show the reaction buttons

    .ReactButton {
        visibility: visible;
    }
    


  • That worked this time
    Thanks so much <3

  • Is there a way to turn the hover off for everything?

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    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


Sign In or Register to comment.