• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Swank Theme – Circle size

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Swank Theme – Circle size

This topic is: not resolved

Tagged: circles, swank

  • This topic has 7 replies, 4 voices, and was last updated 8 years, 3 months ago by David Chu.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 8, 2014 at 11:43 pm #134052
    BrendaSarg
    Member

    I'm using the circle area just to display some client logos.

    Can anyone give me some direction on:
    a) how to make the circles a bit wider to accommodate the logos
    b) Include text above the circles (Clients)

    Any help would be appreciated.

    http://farion.ca/
    December 10, 2014 at 9:33 am #134193
    David Chu
    Participant

    Hi,
    Interesting question. I played with some hacky CSS, but found nothing conclusive.

    I think your best bet is the simplest - this type of circle trick will work best on images that are the same height and width. For your images, that would mean adding some whitespace above and below each image. And maybe do white for the background of the last image instead of having transparency, which looks a bit weird with the circle effect. You'll probably need to alter the padding on the images, too, or else the taller images will make a LOT of extra whitespace.

    Good luck,
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    December 12, 2014 at 12:08 pm #134398
    BrendaSarg
    Member

    Of course! Thanks Dave, that worked perfectly, I didn't even think of that 😀

    Can you offer any advice as to how I can add the text CLIENTS to above the circles?

    December 21, 2014 at 12:00 am #134991
    uncoordmommy
    Member

    I am trying to figure out the swank theme myself right now, as it stands I think that the Title: in the widget should appear above the image. Hope that helps!!

    February 13, 2015 at 1:43 pm #140732
    AmyRogers
    Member

    Swank theme question. I'm trying to make the circles go away and just give square images. Does anyone know what I would change for that. My client wants a square image there. (I thought the circles were a nice feature of the theme, oh well.)

    http://sitejuju.net

    Thanks!

    February 13, 2015 at 1:48 pm #140734
    David Chu
    Participant

    Amy,
    Just find this code in your CSS (Appearance... Edit) and comment out (or remove) the lines below that have "border-radius" in them.

    .featured-circles img {
      border: 1px solid #DDD;
      padding: 7px;
      border-radius: 50%;
      -webkit-border-radius: 9999px;
      -moz-border-radius: 9999px;
      display: inline-block;
    }

    Cheers, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    February 13, 2015 at 1:51 pm #140735
    AmyRogers
    Member

    Wow David! I just realized I tacked this on to someone else's question and when I came to fix it you already solved my problem! Worked like a charm. Thanks a million!

    Amy

    February 13, 2015 at 2:43 pm #140762
    David Chu
    Participant

    You're welcome.


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble