Dev4Press No Script
Back to GD Clever Widgets Forum

Round thumbs?

Published on: October 13, 2016 at 4:08 am · By: Rosenstiel Jason
Author
Topic
#53732

can i make thumbnails round?

Viewing 4 replies - 1 through 4 (of 4 total)
Author
Replies
  • #53733

    I would think it can be done with css? also would like to make thumb smaller

  • #53742

    All elements have CSS classes you can target for styling, and that includes making them smaller and round. Each widget has multiple CSS classes, and you can use ‘.gd-clever-widget’ in your CSS. For posts widget, there is ‘.gdclw-posts’ class too. So, this will add round edges to images in posts widget:

    .gdclw-posts img {
      border-radius: 5px;
    }

    You can fully customize templates for posts widget: https://support.dev4press.com/kb/article/gdclw-override-templates-in-theme/.

    Milan

    Dev4Press - Premium plugins for WordPress.

  • #53743

    ok i made round with.
    gdclw-posts img {
    border-radius: 50px;
    }
    on size would i use width/height? not sure what is best way

  • #53744

    Yes, width and height will do. But, the plugin will display thumbnail using ‘thumbnail’ dimensions, so you can’t make it larger than your thumbnail settings in WordPress. If you need larger image, you must modify the template for the widget display.

    Dev4Press - Premium plugins for WordPress.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Round thumbs?’ is closed to new replies.