Home>Support>Making email address in footer active

Making email address in footer active

By Chandran V, 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].

Hi Andrew,

How to I make the email address in my footer active?

Thanks.

URL: http://atcas.org.sg

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, 3 months ago Daniel
    Hi, I Work Here

    Hi Chandran

    Try installing and inserting the Visual Editor widget: http://wordpress.org/plugins/black-studio-tinymce-widget/ which will give you an editor to work with in Page Builder.

    Cheers

  2. 10 years, 2 months ago Chandran V

    I AM using the Visual Editor widget.

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

    Hi Chandran

    I apologize for the delayed response. Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  4. 10 years, 2 months ago Private Message - WordPress

    This is a private message.

  5. 10 years, 2 months ago Chandran V

    Done, as requested. Thank you.

  6. 10 years, 2 months ago Daniel
    Hi, I Work Here

    Hi Chandran

    I have checked your site and we could probably do it this way.

    1. Go to your Appearance > Widgets and finder Footer Section
    2. Add a Layout Builder Widget to the Footer Section
    3. Open the Builder and from there you can add a row and set it as you prefer (3 rows)
    4. Add the visual editor widget to the sections you have created and use that to style you content

    Try that out and let me know if that works out for you

    Cheers

  7. 10 years, 2 months ago Chandran V

    It works, Addo. Thank you for taking the trouble. Cheers !

  8. 10 years, 2 months ago Chandran V

    Could you tell me how to remove the underline in the footer email and change color when I hover, please?

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

    Hi Chandran

    The footer link hover color can be set from Appearance > Customize > Theme Design > Footer.

    Link underlines sitewide can be removed from Appearance > Custom CSS, click Snippets and search for ‘remove link underlines’.

    To remove link underlines for the footer only, add:

    #colophon .widget a:hover { text-decoration: none; }
    
  10. 10 years, 2 months ago Chandran V

    Many thanks, Andrew.

    I tried searching for ‘remove link underlines’ but nothing comes up on the page.

  11. 10 years, 2 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    Cheers

    • 10 years, 2 months ago Chandran V

      Hi Andrew,
      #colophon .widget a:hover { text-decoration: none; }
      does not work either.

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

    Hi Chandran

    Please try this instead

    #footer-widgets .widget a:hover, #footer-widgets .widget a:focus, #footer-widgets .widget a:active {
        color: #fff;
        text-decoration: none;
    }
    

    Magus

  13. 10 years, 2 months ago Chandran V

    Thanks Magus but it doesn’t work either. Just to be clear, I want to get rid of the underline from the email address before I hover.

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

    Hi Chandran

    To keep the text looking the same all the time use this

    #footer-widgets .widget a:hover, #footer-widgets .widget a:focus, #footer-widgets .widget a:active, #footer-widgets .widget a {
        color: #fff !important;
        text-decoration: none;
    }
    

    to remove the underline but keep the colour change on hover use this

     #footer-widgets .widget a:active, #footer-widgets .widget a {
        color: #fff !important;
        text-decoration: none;
    }
    #footer-widgets .widget a:hover, #footer-widgets .widget a:focus {
      text-decoration: none;
    }
    

    Let us know how you get on

    Magus

  15. 10 years, 2 months ago Chandran V

    Thanks Magus.
    I used the “remove the underline but keep the colour change on hover” css. The underline is removed, as I wanted but the hover color is not working.

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

    Hi Chandran

    Please change the bottom of the two snippets to this

    #footer-widgets .widget a:hover, #footer-widgets .widget a:focus {
      text-decoration: none;
      color: #a3443e !important;
    }
    

    This should fix it

    Magus

  17. 10 years, 2 months ago Chandran V

    Beautiful Magus ! Many thanks.

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

    You are most welcome

    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