Support » Theme: Spun » Individual circle sizes

  • Resolved swilde5


    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Caroline Moore


    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.



    Forum Moderator

    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:

    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

    thanks again!

    Theme Author Caroline Moore


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

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

    Theme Author Caroline Moore


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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Individual circle sizes’ is closed to new replies.