Jump to content
mothpre

Text On Featured Image When Mouseover

Recommended Posts

mothpre    0
mothpre

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/

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.holisticafact.com/wp-content/uploads/2011/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;".


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mothpre    0
mothpre

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"[/CODE]

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"

Share this post


Link to post
Share on other sites
batman    389
batman

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


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
James B    436
James B

Let us know if Batman's solution worked for you


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×