Hyperlinking to a website

Discussion in 'Cloriato WordPress Theme' started by gabriellastrano, Jan 19, 2014.

  1. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Hi, I have the Cloriato Pro theme and in my footer widget I have named the person responsible for all photography on the website. I want to hyperlink his name to his website as a link, so when you hover over it, the name will go a different colour and you can then click on his name to bring you to his website. Please can you tell me how to achieve this? Thanks. www.iozzolino.com
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    You can achieve this with the help of anchor hyperlinks code.

    See the link page for reference
    http://www.w3schools.com/html/html_links.asp

    Go to the Appearance > Widgets > Second Footer Widget Area and then
    add the person name with in the hyperlinks code as shown in the code given below in the content section of text widget area.

    Code:
    <a href="Enter the link address here">Enter the person name here</a>



    and then paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .footer div.textwidget a:hover {
    color: red;
    } 
    In place "red" you can put your color or color code.
    This will solve your issue.
     
  3. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Thanks. Is it possible to put separate page links in this footer widget area? For example, could Trade Enquiries, Press Enquiries, FAQ's and Delivery & Returns all be written here, each hyperlinked to a page on my website that isn't along the top page navigation bar? If so, how do I do that?
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    You can use anchor hyperlinks code for each text as instructed in the previous post.

    Create your pages for links from Pages > Add New panel in your dashboard
    and then go to the Appearance > Menu panel in your dashboard and
    remove the link pages that you do not want to show in the menu bar, from the Menu Structure section.

    See the image for reference

    [​IMG]

    This will solve your issue
     

Share This Page