[resolved] Hustle Theme: Change Circle Shape (5 posts)

  1. plumstreetprints
    Posted 1 year ago #

    Hi! Just about to revamp our website and switch everything to wp and woocommerce. I'm really liking the Hustle theme but need to see if there's a way to change the shape of the thumbnail and product image frame. We sell custom iPhone cases and with the rectangular shape, I don't see that working too well with this them.

    Can I replace the circle frame/overlay with another shape? Perhaps a png file with a rectangular shaped frame? And how would I replace that in the code? Consider me a beginner when it comes to CSS as I'm self-taught. :)

    Appreciate your help! Hoping I get a "yes, that's an easy switch!" so I can go ahead and purchase the Hustle theme and get going on it!

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    You'll have to ask WooThemes - we don't have any info about commercial themes.

  3. plumstreetprints
    Posted 1 year ago #

    Thank you!

  4. dsjenson
    Posted 1 year ago #

    Did you ever find a solution to this? I'm in the same situation. Thanks

  5. hughc
    Posted 11 months ago #

    A bit late to the party here, but for reference, the circular shape is created using the CSS border-radius / webkit-border-radius property, which is usually used for rounded rectangles. Setting it to 100%, as the theme CSS does everywhere a product is displayed, creates the circular mask effect that you see everywhere.

    It can be changed or disabled by overriding the default theme CSS, but CSS doesn't support arbitrary-shaped masks.

Topic Closed

This topic has been closed to new replies.

About this Topic