WordPress.org

Support

Support » Themes and Templates » Spun » [Resolved] Circle titles under or in circle

[Resolved] Circle titles under or in circle

  • 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!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    For clarity link the Webpage in question

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

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    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%;
    }

    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.

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

    Thanks a lot.

    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.

    .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*/
    }

    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

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

    Thats great.
    Thanks alot.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Circle titles under or in circle’ is closed to new replies.
Skip to toolbar