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

Graphene Theme Forum » Graphene Wordpress theme » Support

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

(8 posts) (2 voices)

Started 6 months ago by ritossa
Latest reply from ritossa
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

ritossa
Member

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

Posted 6 months ago #
Kenneth John Odle
Moderator

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

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 6 months ago #
ritossa
Member

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

Posted 6 months ago #
ritossa
Member

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">

Posted 6 months ago #
ritossa
Member

<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">

Posted 6 months ago #
Kenneth John Odle
Moderator

target="_blank"

Take that part out.

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 6 months ago #
Kenneth John Odle
Moderator

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

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 6 months ago #
ritossa
Member

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.

Posted 6 months ago #

Topic Closed

This topic has been closed to new replies.