There are many ways to do what you want to do. Here is a tutorial that will show you how to get it done. Just alter the css to fit your needs
http://webdesignandsuch.com/create-overlay-on-image-hover-jquery-css3/
as far as linking. You can use WordPress code for that. Such as
<a href="https://wordpress.stackexchange.com/questions/81732/<?php the_permalink(); ?>"><img src="your image with overlay"></a>
Related Posts:
- Return HTML Template Page with PHP Function
- Getting the comment number relative to all the post’s comments
- How to use the php if statement [closed]
- lazy load comments wordpress on click
- Use Filename for Alt and Title Tags
- How to turn off redirection from ‘domain.com/login’ to ‘domain.com/wp-login.php’
- Trying to use Ternary operators with WP Conditionals
- Filter link to existing content suggestion
- How to strip non-alphanumeric characters, convert spaces to dashes, uppercase to lowercase in this context
- How to return multiples lines in a shortcode?
- wp_enqueue_style with style.php and WordPress functions
- Generate an array of parent/child page IDs, based on parent page name
- fallback image for featured image
- Add attribute / custom attribute to product in woocommerce
- Access/update database with jQuery
- Using a switch statement in WordPress
- wp_handle_upload – The uploaded file could not be moved to wp-content/uploads/2012/09
- How to create another version of my site based on the same database
- How to get bool with `get_option()` when already registered setting with type `boolean`
- Why is this Ajax not working?
- Pass PHP variable to JavaScript without inline JS
- Stumped on migration
- Count the number of times the search form template gets included on a page
- Displaying theme options in css
- Using $_GET in Functions.php [closed]
- Adding nofollow to a PHP generated Nav
- How to show part of the_content?
- PHP help get_template_directory + PHP include
- WordPress plugin/code to hide all things related of a user from the public
- Store multiple custom field as post meta per post(css, js, html, 2 link) [closed]
- Call a PHP Function with Multiple Parameters that is outside the AJAX Handler
- Querying wpdb using PHP
- Function works when I don’t login to WordPress but when I login then it doesn’t work
- “imagejpeg” function is not working in wordpress
- edit search.php to include subdomain posts
- Remove echo from shortcode
- Copyright info change – Corporate Plus Theme PHP [closed]
- Inject class in body when particular page template is used
- Category title output before opening title tag
- unable to use ‘new WP_Query’ in AJAX call
- admin-ajax Firing Error 400 When Logged In
- How to use a custom hook
- Jquery window.send_to_editor function
- PHP: Showing currency sign if input is a number
- Automatic excerpt is not shown with the_excerpt() command
- Multiple requests external data api dynamic block gutenberg
- Woocommerce with Lazy Load php and ajax
- How to check $_GET isset for a parameter and value? [closed]
- Get post categories
- Handling PHP/HTML inside the output of a shortcode function
- Submitting a form, using Ajax, to run a SQL Select query based on user input from the form
- Refactoring long if/else php chains
- Output only links using wp_nav_menu()
- Update post meta – Custom field does not match meta-key
- Need help removing […] after excerpt
- How to add aria role and schema markup to custom walker container
- How to add Post Tags to a new element in header.php?
- How to replace URL protocol using PHP?
- WPDB secure custom form
- How to make the WordPress Editor not accept HTML?
- setcookies and header send
- include content within conditional statement?
- How to change the author box selection on a post to a custom taxonomy
- How to send a php var to jQuery Ajax call with two different file
- User meta needed in query is serialized – how to unserialize safely?
- PHP calling AJAX function that relies on passed PHP function values not working
- Order by title Child Pages displayed in a Parent Page
- not outputting medium size image URL
- Help me I cannot link my font-awesome to my WordPress Theme. I have my font-awesome folder already in my project
- Adding new divs with custom classes to products on WooCommerce shop page [closed]
- Intermittent problem can the debug log give any clues?
- Echo short code syntax
- WordPress recent post
- Download Featured Image Link in Post Shortcode
- Show subcategory name selected in specific category woocoommerce
- Posts Per Page with a button to add more Posts
- Add custom attribute to product’s HTML to woocommerce cart page
- Change WooCommerce template for PDF – access to custom field
- Decoding an array in PHP (from the Shopify API) [closed]
- PHP is_embed error showing up
- How fix error in the WordPress loop?
- PHP Session Variable to WordPress Error
- Advanced WordPress SQL Query
- Run code before WordPress loads and insert data into WP if need be
- Editing existing pre-created menus in PHP
- need help to arabic text in wordpress
- Sorting Meta Fields?
- Themes with variable width or single columns? I want to display source code
- Category List in Theme Options Page
- Showing all post from all post type in admin backstage
- Or operators in PHP [closed]
- upload images on front by user using form
- how to iterate through xml data?
- Adding slides to an existing carousel manually
- Shortcode to include PHP file, pass various parameters to include?
- What does this if-statement do?: if($pages=’ ‘) {}
- Really slow WordPress site [closed]
- $post->ID calls for current page, but what is the code to call for any new page created and published in WordPress?
- How to increase excerpt length in wordpress? [duplicate]
- how to display tables via ajax