Jump to content


Text On Featured Image When Mouseover

This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 mothpre


    Advanced Member

  • Members
  • PipPipPip
  • 58 posts

Posted 27 October 2012 - 07:39 AM

I would like to know how can I remove the text that appears on the featured image when mouseover - I would like that only the black box with the post tittle appears on it - It happens everywhere on the featured image and on the image in the carousel...

URL: http://journal.es.holisticafact.com/

#2 Rob


    One Smart Egg

  • Members
  • 13575 posts

Posted 27 October 2012 - 07:46 PM

First, the text for the feature image that appears on hover in post listings comes from the actual image settings you created when uploaded.

Here's the code for one of your images:
<img width="40" height="40" src="http://journal.es.holisticafact.com/wp-content/uploads/2011/06/quizas-pre-150x150.jpg" class="attachment-40x40 wp-post-image" alt="quizas pre" title="quizas pre" />

The term "quizas pre" comes up on hover. If you go to Dashboard > Media > Media Library and find that image "http://journal.es.ho.../06/quizas-pre" you will see the Title. Remove that and it should remove the hover text.

The Carousel is a different thing. That picks up the post title and repeats it, or alt text. You'd have to use Firebug to find the proper element then try "display:none;".

#3 mothpre


    Advanced Member

  • Members
  • PipPipPip
  • 58 posts

Posted 06 November 2012 - 09:12 PM

On media it is impossible to remove the title because it is required on the image. The only way would be removing the
 title= "XXXX"
on the html code, likin doing in a post, but I can't acces to every image for doing it. I will try to find the element for custom css like you said "display:none"

#4 batman†


    Bat Learning

  • DMS Subscriber†
  • 2282 posts

Posted 06 November 2012 - 11:01 PM

Hi mothpre
For carrousel title,
You can try add in
PageLines > Site Options > Custom Code > CSS Rules
or in
Pagelines Customize (plugin)

 #carousel .content ul li a:hover span.list-title { display: none;}

It is advisable to learn how to do this on your own too.
Check out http://www.pagelines...wiki/Custom_CSS

#5 James B†

James B


  • DMS Subscriber†
  • 5126 posts

Posted 15 November 2012 - 02:29 AM

Let us know if Batman's solution worked for you