WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Circle titles under or in circle (11 posts)

  1. Wietsss
    Member
    Posted 8 months ago #

    Hello,

    Thank you for clicking this and reading this. I hope someone can help me solve this. I'd like to put the circle names under or in the circles. Now the title is only visible when you hover over the circle.
    I use Custom CSS manager.

    Thanks in advance!

  2. Andrew
    Forum Moderator
    Posted 8 months ago #

    For clarity link the Webpage in question

  3. Wietsss
    Member
    Posted 8 months ago #

    O, I'm sorry, here it is: http://www.wietske-dejong.nl

  4. Andrew
    Forum Moderator
    Posted 8 months ago #

    Try adding this to your Custom CSS Manager:

    .blog .hentry {
        margin-bottom: 3em;
    }
    
    .hentry .thumbnail-title {
        display: block;
        margin-top: .3em;
        color: #666;
        white-space: nowrap;
        top: 105%;
    }
  5. Selinvarol
    Member
    Posted 8 months ago #

    Hi Andrew,

    I have applied the code and took all the titles under the circles, here is the link.

    How I can change the color to white?
    So it can be readable.

    Thanks,
    Selin.

  6. Selinvarol
    Member
    Posted 8 months ago #

    and the size please, the text is not seen in full.

    Thanks a lot.

  7. Selinvarol
    Member
    Posted 8 months ago #

    Changed the color.

    .blog .hentry {
        margin-bottom: 3em;
    }
    
    .hentry .thumbnail-title {
        display: block;
        margin-top: .3em;
        color: #ffff;
        white-space: nowrap;
        top: 100%;
    }

    But not able to change font size. Will it effect the page titles when I go to each post.

  8. batharoy
    Member
    Posted 8 months ago #

    .hentry .thumbnail-title {
        display: block;
        margin-top: 0.8em; /*creates space between image & text*/
        color: #ffffff; /*needs 3 or 6 characters*/
        white-space: nowrap;
        top: 100%;
        font-size: 1.1em; /*sets font size*/
    }
  9. Selinvarol
    Member
    Posted 8 months ago #

    Thanks a lot.
    Some titles are a little long and can not be seen in full, is it possible to make in two lines, like:

    title111111
    rest of the title

    Thanks,
    Selin

  10. batharoy
    Member
    Posted 8 months ago #

    Remove white-space: nowrap; and adjust margin-top:1.6em or to your liking.

  11. Selinvarol
    Member
    Posted 8 months ago #

    Thats great.
    Thanks alot.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.