How to style trigger text?

  • Resolved tomwood

    (@tomwood)


    8 years, 1 month ago

    https://www.agentsofdisrupt.com/memory-lane/

    Scroll down until you see this text at the bottom of the short list:

    Global print retailers
    Global ebook retailers

    Each line is a trigger to a popup. I want to style the text so that it looks like a regular hyperlink like the links in the sidebar – blue text, gray hover. I can create a CSS style, just need to know how to apply it to the trigger text.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter tomwood

    (@tomwood)

    Here is what is in the page:
    <li>[popup_trigger id="478" tag="span"]<span class="trigger1">Global print retailers</span>[/popup_trigger]</li>

    Here is what is in the style sheet:

    .trigger1 {
    color: #9adffd;
    }

    That is the blue color, I don’t know how to make the hover attribute work since it is not a link.

    • This reply was modified 8 years ago by Dion Hulse.

    @tomwood

    It doesn’t have to be a link to use the hover CSS selector, per this w3schools.com page.

    This isn’t really a Popup Maker question, you would just style the text just like you normally would if it was normal text. If you’re not familiar with CSS, w3schools is a great website to get you started.

    I would also recommend reading our Click Open Trigger doc as well, as that has some information you may be interested in.

    Hope that helps.

    If you haven’t already, please do take a moment to click that our plugin Works and to rate and review the plugin to spread the love! <3

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to style trigger text?’ is closed to new replies.