Jump to content


Photo

Hover text for Feature slider images

feature slider

Best Answer universalhall7 , 22 July 2013 - 02:10 PM

Woohoo!!  I found the solution, I'm so excited and it was easy :)  Instead of adding the image as a media item by upload on the edit feature page, I put the img html directly into the box titled "Feature Media HTML (Youtube, Flash etc...)" on the feature page.  That way I can add the title that I want to appear on hover like so:

<img src="http://www.heartbeco...013/07/hug5.jpg" title="Artist: Candid Maurer" />

 

:rock:

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 universalhall7

universalhall7

    Member

  • Members
  • PipPip
  • 27 posts
  • LocationAsheville, NC
  • Framework Version:Platform Pro
  • Country: Country Flag

Posted 21 July 2013 - 09:18 PM

Regarding the feature sliders at this url:

www.heartbecoming.com

 

I need to be able to credit the artist for the images directly at the images on my website.  It seems like the cleanest way to do this is to add hover text to the images with the name of the artist.  I can't seem to figure out though how to add the hover text to the image.  Images displayed in posts and on pages use the title as hover text so that is workable.  Please advise on showing hover text for feature slider images.  Thanks!

 

Thessa



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 July 2013 - 10:53 PM

Hi Thessa,

 

I'm pretty sure you can add some text at the bottom of the slide's text.  To do this, edit a slider.  Select the Text tab above the editing area.

 

In there, where your text is located, at the very end, Add a space then <div class="photocredit"> the photographer's name</div>.

 

Then, in Custom Code, add something like:

.photocredit {color: F5F5F5;

size: 8px; }

.photocredit hover {color: 000000;}

 

That should work, but it won't align it over the image  -- It will be at the bottom of your text.  You can change the colors as you desire.



#3 universalhall7

universalhall7

    Member

  • Members
  • PipPip
  • 27 posts
  • LocationAsheville, NC
  • Framework Version:Platform Pro
  • Country: Country Flag

Posted 21 July 2013 - 11:17 PM

Thanks for the quick response Rob.  I have done what you suggested just to get an idea of what it looks like.  Kinda ruins my artistic vibe on the slider....  You can see what I mean if you look at the first slider on that link as that's where I put the example.  Yes, if that is my only option I could art it up with font/color, but it's not ideal.  Also, I'm already at the limit for text on some of the sliders, which means that the credit text wouldn't show anyway unless I make the slider bigger, and I don't want to do that...  I tried this in custom code

 

#feature_slider .fmedia-frame ul li a:hover span.list-title { display: block;}

 

but sadly my coding skills have fallen away too much to troubleshoot the details as it didn't change a thing on the feature slider presentation.

 

I guess given your suggestion, does that mean there is no way to add text on hover?  Thanks for your help!



#4 universalhall7

universalhall7

    Member

  • Members
  • PipPip
  • 27 posts
  • LocationAsheville, NC
  • Framework Version:Platform Pro
  • Country: Country Flag

Posted 22 July 2013 - 02:10 PM   Best Answer

Woohoo!!  I found the solution, I'm so excited and it was easy :)  Instead of adding the image as a media item by upload on the edit feature page, I put the img html directly into the box titled "Feature Media HTML (Youtube, Flash etc...)" on the feature page.  That way I can add the title that I want to appear on hover like so:

<img src="http://www.heartbeco...013/07/hug5.jpg" title="Artist: Candid Maurer" />

 

:rock:



#5 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 July 2013 - 10:41 PM

Excellent, thanks for letting us know and updating the thread.







Also tagged with one or more of these keywords: feature slider