Mouseover/Hover Effects

[Louis9]

I changed the font size from 0.9em to 0.8em and looks good en weebly design, but when i publish it, the font size look big as was before.

[Louis9]

Hi Bernadette,

I'm trying to do it.

I did what you said and works well, but when I change the https://..... with the picture that I need it in the code it doesn't show me my picture. Like this:     Original

<figure class="snip1552">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample91.jpg" alt="sample91" />
  <figcaption>
    <h3>Archibald Northbottom</h3>
    <p>I'm learning real skills that I can apply throughout the rest of my life ... Procrastinating and rationalizing.</p>
  </figcaption>
  <a href="#"></a>
</figure>

Modified

<figure class="snip1552">
  <img src="https://simple.wikipedia.org/wiki/Duel#/media/File:Hamilton-burr-duel.jpg" alt="sample91" />
  <figcaption>
    <h3>Photo: </h3>
    <p>https://simple.wikipedia.org/wiki/Duel#/media/File:Hamilton-burr-duel.jpg</p>
  </figcaption>
  <a href="#"></a>
</figure>

The only I see is sample91 instead the picture, if I delete sample91 it doesn't show anything. Also, the text size is too big do you know how to fix it?

[Louis9]

I just see the code and found out that the "font size = 0.9em" for the text, i don't know what does mean.

[Louis9]

I see my picture and the text now, but the text size still big.

[Bernadette3]

I moved your replies to a separate thread. Can you please post a link to the live site so that others can take a look as well? 

[Louis9]

sure,

I'm not working on my project, I created another free weebly to manipulate on it because I don't want to mess around the original

https://schooltesthnd05.weebly.com/.

Check the first picture how the words are big

[Louis9]

I have some pictures that I copied from some website, that's means that those don't have http://..... but I copied as JPG, and I'm not sure if the code works with that kind of pictures. for example one is this:

http://susanhollowayscott.com/blog/2017/5/21/picturing-the-courtship-of-eliza-schuyler-and-alexander...

I jus copied the picture as JPG

[Louis9]

Hello Bernadette,

I found out how to fix it.

Now, the only problem that I have is when I use a picture from my PC how to work call it because is not Http/... , the picture is in the Internet, but the link doesn't finish in .JPG., some times the link has a Text and Picture, if i call it,this will come with the text too.

Please let me know if you have some tips.

https://schooltesthnd05.weebly.com/ 

[Bernadette3]

You can upload the picture to a hidden page on your website, publish, then grab the live url. Would that work? 

[Louis9]

I'm sorry, but I don't get it, the parte of    "  then grab the live url. ", I'm not good doing this.

[Bernadette3]

No worries, you are doing fine. Log into your editor and click Pages. The add a new page with a simple title like "image" and check the box that says "hide in navigation". Then add an image element and upload your photo. Publish the website and open up your page. Add /image.html (or whatever you named the page) to the end of the url. For example, https://www.yoursitename.com/hiddenpagename.html

You should pull up the page with the image you just added. Right click on the photo and copy the url. Then copy the url into your hover code. Does that make a little more sense?