Home>Support>Add hyperlink to the title of the Text Widget

Add hyperlink to the title of the Text Widget

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].

How can I add a hyperlink to the title when using the Text Widget?

URL: http://www.number2news.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 Andrew Misplon
    Hi, I Work Here

    Hey Derek

    To my knowledge this can’t be done. Best option would be to leave the title blank and use a heading tag in the body of the widget, then you can link from there. If you’re using the Visual Editor widget then the drop down menu to set heading one, heading two and the link button will come in handy.

    Let us know how it goes.

  2. 10 years, 2 months ago Derek Stratton

    If you refresh the homepage, you can see the second row that I created using your suggestion. Only problem is that the icon doesn’t line up with the text. Any suggestions for that?

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

    Sure, let’s try in Custom CSS:

    /* Visual Editor First Heading Two */
    .textwidget h2:first-of-type {
    margin-top: 0;
    }
    

    Adjust margin-top as required. You could set that value to 5px for example.

  4. 10 years, 2 months ago Derek Stratton

    Works perfect! Thank you!

    When I view the page on my cellphone, the icon is always stacked on top inside of side by side. Anyway to fix that?

  5. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

    That’s normal responsive behaviour. To resolve you’d need to find a way to put the icon and the text in the same widget OR use Custom CSS but it’s not neat and easy Custom CSS, it’s very specific to this widget on this page.

    FontAwesome is being used in Vantage so you could embed that icon in a Text widget using:

    <i class="fa fa-bullseye"></i>

    These example show how to make it larger: http://fontawesome.io/examples/

  6. 10 years, 2 months ago Derek Stratton

    Thank you!

  7. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

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