Home>Support>Hover effect on text Visual Editor

Hover effect on text Visual Editor

By artvaz, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Im want to have an hover effect (gray scale) on the text I have wrote on my visual editor (footer widget), how can I do it?

URL: http://qpuntto.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Artvaz

    Please open up the Visual Editor Footer widget and expand the Attributes options on the right.
    In the Widget Class box enter a name for the Class. For this example I am going to use ‘hoverme’.
    Click done all the way back to Widgets and Save the Layout.

    Navigate to Appearance->Custom CSS and enter the following.

    .hoverme:hover {
      color: red;
    }
    

    Change the Classname to the one you used in the Widget Class, remembering to precede it with a dot. You can change the colour to anything you want using RGB, Hex Values or names if available.

    Let us know how you get on

    Magus

  2. 10 years, 2 months ago artvaz

    it worked really nice thanks Magus!!!!

  3. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Artvaz

    No Problem.

    If you need any more help please feel free to open a new support thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More