WordPress.org

Forums

Spun
[resolved] Adding title when hovering over circle (15 posts)

  1. lizzietschornow
    Member
    Posted 2 years ago #

    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

  2. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Follow stage 1 & stage 2 of this tutorial: 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;}
  3. lizzietschornow
    Member
    Posted 2 years ago #

    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?

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    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.

  5. lizzietschornow
    Member
    Posted 2 years ago #

    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

  6. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Yes if you just followed stages 1 & 2 you would see the text all of the time.

  7. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    You can see a preview of the text colour here http://snag.gy/Ls9V7.jpg

  8. lizzietschornow
    Member
    Posted 2 years ago #

    Thanks, is it easy to change the text colour and font if you want to?

  9. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Which font do you want to change it to?
    The colour is easy.

  10. lizzietschornow
    Member
    Posted 2 years ago #

    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.

  11. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    If it's one of these fonts it should be easy:
    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

  12. lizzietschornow
    Member
    Posted 2 years ago #

    Ah - so because the current font 'Baskerville' isn't included on the list does that mean it won't work on all browsers?

  13. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    The Baskerville font has been embedded into the page using Google Fonts, http://www.google.com/fonts , so it works on all browsers.

    Try this plugin http://wordpress.org/plugins/wp-google-fonts/

  14. lizzietschornow
    Member
    Posted 2 years ago #

    Ah thanks so if I installed this plug in, I would have more flexibility over fonts I used n the circles?

  15. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Yes, but it'll require some CSS to be written in its "Custom CSS" section: http://wordpress.org/plugins/wp-google-fonts/screenshots/

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.