WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. lizzietschornow
    Member
    Posted 11 months 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
    Forum Moderator
    Posted 11 months 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 11 months 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
    Forum Moderator
    Posted 11 months 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 11 months 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
    Forum Moderator
    Posted 11 months ago #

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

  7. Andrew
    Forum Moderator
    Posted 11 months ago #

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

  8. lizzietschornow
    Member
    Posted 11 months ago #

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

  9. Andrew
    Forum Moderator
    Posted 11 months ago #

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

  10. lizzietschornow
    Member
    Posted 11 months 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
    Forum Moderator
    Posted 11 months ago #

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

  12. lizzietschornow
    Member
    Posted 11 months 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
    Forum Moderator
    Posted 11 months 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 11 months ago #

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

  15. Andrew
    Forum Moderator
    Posted 11 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.