Text Widget – How to make an Image Clickable? – How to add the "read more" link?

  • ritossa

    #6208

    hi wise guys!!

    I need help with my three footer text widgets (they show only in the home page).

    I am not sure what option I will choose… probably the easiest one to be done!

    1st option

    I would like to upload an image to my text widget and make it clickable (link it) to another page of my site.

    2nd option

    I would like to upload an image, write a part of text and then add… ‘read more’ (when clicked it will direct the user to another page of my site.

    my doubts are regarding how to make the links and not how to write texts or upload an image to the text widget.

    thank you for you time and help!

    claudia

    Mod

    Kenneth John Odle

    #33672
    Quote:
    my doubts are regarding how to make the links

    You can use the google for this, but here’s a start:

    http://www.w3schools.com/html/html_links.asp

    http://www.w3schools.com/html/html_images.asp

    http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink

    ritossa

    #33673

    hi kenneth

    I will try.

    I am not familiar with html coding but I am learning a bit a day : )

    I get back to you.

    thanks

    ritossa

    #33674

    hi kenneth

    isn’t that beautiful!! I did not know google was the trick.

    however I can’t figure out what should I do with my coding to NOT ALLOW to open a new page when you click on the image.

    can you help me, please?

    <a href=”http://grupoopus.com/gowp/?page_id=37″

    <img src=”http://grupoopus.com/gowp/wp-content/uploads/2012/11/Graphene-Opus-Services-Texto.jpg”

    border=”2″ style=”border:2px solid black;max-width:100%;” alt=”Opus Services Logo” />

    <a href=”http://grupoopus.com/gowp/?page_id=37″

    target=”_blank”>

    Opus Services Logo

    ritossa

    #33675

    <a href=”http://grupoopus.com/gowp/?page_id=37″

    <img src=”http://grupoopus.com/gowp/wp-content/uploads/2012/11/Graphene-Opus-Services-Texto.jpg”

    border=”2″ style=”border:2px solid black;max-width:100%;” alt=”Opus Services Logo” />

    <a href=”http://grupoopus.com/gowp/?page_id=37″

    target=”_blank”>

    Opus Services Logo

    Mod

    Kenneth John Odle

    #33676
    Quote:
    target=”_blank”

    Take that part out.

    Mod

    Kenneth John Odle

    #33677
    Quote:
    I did not know google was the trick.

    Searching is an art as much as it is a science, so when you find a good site, be sure to bookmark it.

    The links that I gave you contain a lot of good information on HTML and CSS (and much else besides), so in your spare time, take a look around. It will give you lots of ideas for your website. (I learned much of what I know from there.)

    ritossa

    #33678

    beautiful kenneth!! it worked!! thank you so very very much!!

    you know when I read this info about html and CSS I am not sure where I am supposed to right it in… at first, I tried posting this code in the CSS bracket… of course, it didn’t work… then, I thought that it would do no harm to try it in the widget… it worked of course.

    I still have to grasp the concept of the CSS and HTML codings. with your help my way its going to be a lot smoother.

    see you around.

    and thank you again.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.