Hustle Theme: Change Circle Shape

  • Resolved plumstreetprints

    (@plumstreetprints)


    10 years, 10 months 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    10 years, 10 months ago

    You’ll have to ask WooThemes – we don’t have any info about commercial themes.

    Thread Starter plumstreetprints

    (@plumstreetprints)

    10 years, 10 months ago

    Thank you!

    dsjenson

    (@dsjenson)

    10 years, 1 month ago

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

    hughc

    (@hughc)

    10 years 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hustle Theme: Change Circle Shape’ is closed to new replies.