WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Individual circle sizes (7 posts)

  1. swilde5
    Member
    Posted 1 year ago #

    Hi Caroline, thank you so much for this wonderful theme!

    I was just wondering how i could set individual sizes for the circles on the homepage? for example I want my top circles bigger than the ones below.

    I've had a look how to change circle dimensions, but not sure how to do individual ones.

    I'm a bit of a newbie.

    Many thanks! sam

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    You can target specific posts with CSS using their ID. If you look at your site's source, you'll see articles listed like so:

    <article id="post-1234" class="...">

    You can style a particular post's circle to a different width using its ID:

    #post-1234.hentry {
      your styles here
    }

    You'll probably need to make several additional adjustments to get the spacing the way you want it, but that gives you the general idea.

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    here is a related topic if you want to create custom post_classes for the posts on the front page, so you can address the circles independant of post IDs: http://wordpress.org/support/topic/unique-position-for-circle?replies=12#post-4125411

  4. swilde5
    Member
    Posted 1 year ago #

    Thank you very much for your help guys! I figured it out in the end :)

    Also, is there a way to move the boarder around 'stay connected' sidebar? I figured how to move the writing but not the boarder, I need it to move down

    http://www.aceblume.com

    thanks again!

  5. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    Hm, I don't see a border around the Stay Connected sidebar. Have a screenshot to illustrate what you're trying to do?

  6. swilde5
    Member
    Posted 1 year ago #

    Im not sure of the proper term of it, just the stretched black circle around 'stay connected' Sorry I'm so bad at describing!

  7. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    Ahh, that's a background color. Try setting the background-color to transparent in your child theme or Custom CSS manager plugin.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic