Title: Adding title when hovering over circle
Last modified: August 21, 2016

---

# Adding title when hovering over circle

 *  Resolved [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/)
 * Hi
 * I am using featured images in my circles, and was wondering if there is a way
   of showing a title on top of the image just when you hover over the circle?
 * I don’t want the text there all the time.
 * Thanks
 * Lizzie

Viewing 14 replies - 1 through 14 (of 14 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131046)
 * Follow stage 1 & stage 2 of this tutorial: [http://wordpress.org/support/topic/put-test-inside-images-on-home-page](http://wordpress.org/support/topic/put-test-inside-images-on-home-page)
 * Then add this CSS to your Child Theme style.css file:
 *     ```
       .blog .hentry span.hometitle {
           display: none;
       }
   
       .blog .hentry a:focus span.hometitle,
       .blog .hentry a:hover span.hometitle {display: block;}
       ```
   
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131049)
 * Thanks Andrew – I’ll try this. Will the text default to a certain colour?
 * Also, if I did input this bit
    ‘.blog .hentry span.hometitle { display: none;}
 * .blog .hentry a:focus span.hometitle,
    .blog .hentry a:hover span.hometitle {
   display: block;}’
 * would it mean the text displayed all the time?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131051)
 * The text will turn to the colour of ‘`#111111`‘ (dark grey).
 * The text will not be displayed all the time if you put that bit in.
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131052)
 * Sorry I meant if I left that bit out and just followed stages 1 and 2, would 
   the text display all of the time?
 * Thanks
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131053)
 * Yes if you just followed stages 1 & 2 you would see the text all of the time.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131054)
 * You can see a preview of the text colour here [http://snag.gy/Ls9V7.jpg](http://snag.gy/Ls9V7.jpg)
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131056)
 * Thanks, is it easy to change the text colour and font if you want to?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131060)
 * Which font do you want to change it to?
    The colour is easy.
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131064)
 * Not 100% sure on the font yet but would want the flexibility to change it and
   just wondered how easy it would be to do before deciding to do it.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131066)
 * If it’s one of these fonts it should be easy:
    [http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html](http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html)
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131068)
 * Ah – so because the current font ‘Baskerville’ isn’t included on the list does
   that mean it won’t work on all browsers?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131069)
 * The Baskerville font has been embedded into the page using Google Fonts, [http://www.google.com/fonts](http://www.google.com/fonts),
   so it works on all browsers.
 * Try this plugin [http://wordpress.org/plugins/wp-google-fonts/](http://wordpress.org/plugins/wp-google-fonts/)
 *  Thread Starter [lizzietschornow](https://wordpress.org/support/users/lizzietschornow/)
 * (@lizzietschornow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131072)
 * Ah thanks so if I installed this plug in, I would have more flexibility over 
   fonts I used n the circles?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131137)
 * Yes, but it’ll require some CSS to be written in its “Custom CSS” section: [http://wordpress.org/plugins/wp-google-fonts/screenshots/](http://wordpress.org/plugins/wp-google-fonts/screenshots/)

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Adding title when hovering over circle’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/spun/2.0.2/screenshot.png)
 * Spun
 * [Support Threads](https://wordpress.org/support/theme/spun/)
 * [Active Topics](https://wordpress.org/support/theme/spun/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/spun/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/spun/reviews/)

 * 14 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/adding-title-when-hovering-over-circle/#post-4131137)
 * Status: resolved